CheckBox 如何实现全选?_Javascript教程-查字典教程网
CheckBox 如何实现全选?
CheckBox 如何实现全选?
发布时间:2016-12-29 来源:查字典编辑
摘要:在一个表单中有很多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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类