手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >实现复选框全选/全不选切换
实现复选框全选/全不选切换
摘要:全选与不全选的切换functioncheckAll(e,itemName){varaa=document.getElementsByName...

<inputtype=checkboxname=mmvalue=aonclick="checkItem(this,'mmAll')"><br>

<inputtype=checkboxname=mmvalue=bonclick="checkItem(this,'mmAll')"><br>

<inputtype=checkboxname=mmvalue=conclick="checkItem(this,'mmAll')"><br>

<inputtype=checkboxname=mmvalue=donclick="checkItem(this,'mmAll')"><br>

<inputtype=checkboxname=mmvalue=eonclick="checkItem(this,'mmAll')"><br><br>

<inputtype=checkboxname=mmAllonclick="checkAll(this,'mm')">全选与不全选的切换

<scriptlanguage=javascript>

functioncheckAll(e,itemName)

{

varaa=document.getElementsByName(itemName);

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

aa[i].checked=e.checked;

}

functioncheckItem(e,allName)

{

varall=document.getElementsByName(allName)[0];

if(!e.checked)all.checked=false;

else

{

varaa=document.getElementsByName(e.name);

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

if(!aa[i].checked)return;

all.checked=true;

}

}

</script>

ps:(当然若那个全选框是其它的控件比如是一个按钮,或者一个链接什么的话,那复选框里的checkItem点击事件可以去掉,以免出错)

【实现复选框全选/全不选切换】相关文章:

nodejs实现获取某宝商品分类

基于jQuery插件实现环形图标菜单旋转切换特效

jQuery实现将页面上HTML标签换成另外标签的方法

JQuery中基础过滤选择器用法

JavaScript实现Flash炫光波动特效

javascript中DOM复选框选择用法实例

javascript实现删除前弹出确认框

Javascript实现广告页面的定时关闭

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

javascript实现淡蓝色的鼠标拖动选择框实例

精品推荐
分类导航