手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >CheckBox 如何实现全选?
CheckBox 如何实现全选?
摘要:在一个表单中有很多CheckBox,请问如何实现选种一个而让所有的都选中?---------------------------------...

在一个表单中有很多CheckBox,请问如何实现选种一个而让所有的都选中?

---------------------------------------------------------------

functionselectAll(checkBoxName){

varelms=document.getElementsByName(checkBoxName);

if(elms.length<1)return;

varallChecked=true;

for(vari=0;i<elms.length;i++)

if(elms[i].type=="checkbox")

allChecked&=elms[i].checked;

for(vari=0;i<elms.length;i++)

if(elms[i].type=="checkbox"){

elms[i].checked=!allChecked;

if(elms[i].onclick)elms[i].onclick();

}

}

---------------------------------------------------------------

<inputtype=checkboxname=m><inputtype=checkboxname=m><inputtype=checkboxname=m><inputtype=checkboxname=m>

<inputtype=checkboxname=m><inputtype=checkboxname=m><inputtype=checkboxname=m><inputtype=checkboxname=m>

全选<inputtype=checkboxvalue="CheckAll"onclick="mm(this)">

<scriptlanguage=javascript>

functionmm(o)

{

vara=document.getElementsByName("m");

for(vari=0;i<a.length;i++){

a[i].checked=o.checked;

}

}

</script>

<inputtype=checkboxname=chk>

<inputtype=checkboxname=chk>

<inputtype=checkboxname=chk>

<inputtype=checkboxname=chk>

<inputtype=checkboxname=chk>

<br>

全选:<inputtype=checkboxonclick=sel('chk')>

<scriptlanguage="javascript">

functionsel(a){

o=document.getElementsByName(a)

for(i=0;i<o.length;i++)

o[i].checked=event.srcElement.checked

}

</script>

【CheckBox 如何实现全选?】相关文章:

javascript结合Flexbox简单实现滑动拼图游戏

checkbox实现全选的多种方法 不断更新 原创

jQuery插件zepto.js简单实现tab切换

jQuery插件bgStretcher.js实现全屏背景特效

jQuery插件jRumble实现网页元素抖动

如何控制框架页的滚动

如何实现iframe(嵌入式帧)的自适应高度

Jquery实现动态切换图片的方法

使用node+vue.js实现SPA应用

javascript基于DOM实现权限选择实例分析

精品推荐
分类导航