手机
当前位置:查字典教程网 >编程开发 >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 如何实现全选?】相关文章:

如何取得中文输入的真实长度?

Jquery注册事件实现方法

jQuery的Scrollify插件实现滑动到页面下一节点

如何控制框架页的滚动

javascript实现仿腾讯游戏选择

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

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

如何实现浏览器上的右键菜单

jQuery实现文本展开收缩特效

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

精品推荐
分类导航