手机
当前位置:查字典教程网 >编程开发 >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插件zepto.js简单实现tab切换

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

jQuery实现文本展开收缩特效

javascript实现删除前弹出确认框

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

Jquery注册事件实现方法

jQuery插件实现适用于移动端的地址选择器

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

javascript实现链接单选效果

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

精品推荐
分类导航