当前位置: 代码迷 >> JavaScript >> Js兑现checkbox全选和全不选
  详细解决方案

Js兑现checkbox全选和全不选

热度:75   发布时间:2012-10-30 16:13:36.0
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名字
                  选中所有显示记录

  相关解决方案