Checkbox全选实现

总结了两种实现Checkbox全选功能的方法,代码分享如下:

function CheckAll(chk){ 

//法一、使用js
  var chk =document.getElementById(chk.id);
  var inputs=$("input[type=checkbox]");
  //document.getElementsByTagName("input");
   for(var i=0;i<inputs.length;i++){
    //全选
    var input = inputs[i];
     if(chk.checked)
       input.checked = "checked";
     else
      input.checked = "";

}

//法二、使用jquery选择器
    var flag = $("#"+chk.id).attr("checked");
    //判断全选按钮的状态
    //选择id属性值中包括“chkPay”的控件
    $("input[id*=chkPay]").attr("checked", flag);

}

以上方法比较适用GridView、Repeater等数据控件,当多个数据表格控件时,有不同的Checkbox,所以,使用"[id*=chkPay]”属性过滤器,过滤不同的Checkbox。

对比两种方法,很容易看出,JQuery选择器的优势:"write less, do more"

posted @ 2012-07-25 09:51  ljfCoder  阅读(197)  评论(0编辑  收藏  举报