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"