javascript应用:实现复选框全选/全不选切换 不指定

jed , 2006-10-16 11:03 , 代码编程 , 评论(0) , 阅读(5896) , Via 本站原创 | |
<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br>
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选与不全选的切换

<script language=Javascript>
function checkAll(e, itemName)
{
 var aa = document.getElementsByName(itemName);
 for (var i=0; i<aa.length; i++)
  aa[i].checked = e.checked;
}
function checkItem(e, allName)
{
 var all = document.getElementsByName(allName)[0];
 if(!e.checked) all.checked = false;
 else
 {
   var aa = document.getElementsByName(e.name);
   for (var i=0; i<aa.length; i++)
    if(!aa[i].checked) return;
   all.checked = true;
 }
}
</script>

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

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]