手机
当前位置:查字典教程网 >编程开发 >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实现列表分页功能特效

javascript实现删除前弹出确认框

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

如何遍历对象的属性?

javascript实现仿腾讯游戏选择

Jquery注册事件实现方法

JavaScript实现Flash炫光波动特效

Javascript 字符串模板的简单实现

javascript用函数实现对象的方法

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

精品推荐
分类导航