`
guy19867
  • 浏览: 88621 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Js实现checkbox全选和全不选

 
阅读更多
只做checkbox的全选的话,下面的这个例子是个很好的选择:
function checkAll(e, itemName)
{
     var aa = document.getElementsByName(itemName);
     for (var i=0; i<aa.length; i++)
aa[i].checked = e.checked;
}
 
<input   type=checkbox   name=chkBox   value=1   disabled>  
<input   type=checkbox   name=chkBox   value=1>  
<input   type=checkbox   name=chkBox   value=1>  
<input   type=checkbox   name=chkBox   value=1>
<input   type=button   value="测   试"   onclick="checkAll(this,chekBox)">

其中e为checkbox所在的form,可以this.form。itemName便是checkbox的name。

下面是另外一个例子(好像这个更容易理解些):
checkbox全选<head></head>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "false"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "true"; }
}
//  End -->
</script>


<body></body>
<form name="form" method="post" action="">

<input type="checkbox" name="list" value="1">

<input type="checkbox" name="list" value="2">

<input type="checkbox" name="list" value="3">


<input type=checkbox value="全选" onClick="this.value=check(this.form.list)">//这个FORM不是FORM名字
                  选中所有显示记录

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics