列表 checkbox 的全选/取消全选 代码

 

jsp列表：

<tr>

<th width="2%" title="全选/取消全选"><input type="checkbox" name="selectAll" id="selectAll" style="cursor:hand" οnclick="ck()"/></th>
    <th width="5%">具体表头字段</th>

                                。。。。。

</tr>

<s:iterator value="xxx" var="obj" status="stuts">

 <td><input type="checkbox" name="idArr" value="<s:property value="ID"/>"/> </td>
    <td><s:property value="xx"/></td>

          。。。。。。。

 </tr>
 </s:iterator>

 

触发函数：

 

function ck()
{
var ischeck = document.getElementById("selectAll").checked;
   if(ischeck) {
             checkallbox();         
           }else {
             discheckallbox();
            }
}

function checkallbox() {
     var boxarray = document.getElementsByName("idArr");
          for(var i = 0; i < boxarray.length; i++) {
                boxarray[i].checked = true; }             
                } 
               
function discheckallbox() {
      var boxarray = document.getElementsByName("idArr");
          for(var i = 0; i < boxarray.length; i++) {
                 boxarray[i].checked = false;
                } 
}

 

 下面这个触发函数的写法更简单一些：

 function ck()

{

    var chk = document.getElementById("selectAll");

if (chk.checked) {

sel(true);

} else {

sel(false);

}

}

function sel(b)

{

    var id_arr = document.getElementsByName("idArr");

    for (var i=0;i<id_arr.length ;i++ )

    {

        if(id_arr[i].type=="checkbox")

            id_arr[i].checked = b;

    }

}