爱晚红枫技术部广东分部








永远自由的心

[转]javascript应用：实现复选框全选/全不选切换

<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 点击事件可以去掉，以免出错）



posted on 2006-06-18 14:33 e旋风 阅读(1507) 评论(1)  编辑 收藏 所属分类: JavaScript

评论

#1楼  2006-06-19 15:44 程序员博客联盟 [未注册用户]

嗯，很不错，收藏！   回复  引用    


标题  
姓名  
主页
Email (博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
网站首页

新闻频道

社区

小组

博问

网摘

闪存

找找看
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2006-08-08 00:57 编辑过
"五向定位"职业成长路线公开课(上海、南京、大连)
Google站内搜索


相关链接:

最新IT新闻:
MySpace推自助广告平台MyAds
Facebook创始人:信息共享或存摩尔定律
微软承认Vista用户账户控制功能有问题
资本寒冬侵袭中国视频网站 营销春天或不远
金融风暴波及全球创业板 中国概念股难独善其身
 

导航

统计

公告

人所拥有的「最后的」（last）自由是，
我们可以选择我们的态度。
遭遇同样的打击，
有的人选择的是绝望，
有的人却选择了希望



与我联系

搜索

 

常用链接

留言簿(4)

我的标签

随笔分类

文章分类

相册

收藏夹

Web标准

Web开发

xml学习

博客集合

图客

网站收藏夹

我的邻居

最新随笔

最新评论

阅读排行榜

评论排行榜