jquery checkbox使用

.attr(‘checked’): //看版本1.6+返回:”checked”或”undefined”
.prop(‘checked’): //16+:true/false
.is(’:checked’): //所有版本:true/false

推荐用.is(’:checked’):这种方法。

$("#selectAll").click(function () {
  // 法一：
  if($(this).is(':checked')){
        alert("选中");
    }else{
        alert("没选中");
    }
    // 法2：
    // if(select1.prop('checked')){
    //     alert("选中");
    // }else{
    //     alert("没选中");
    // }
});

修改选中

// 以两个按钮控制其值为例子
// 法一
$(window).load(function () {
	$("#batchEditBtn").click(function () {
       document.getElementById("selectAll").checked = true;
    });

    $("#batchEditBtn1").click(function () {
        document.getElementById("selectAll").checked = false;
    });
});

// 法二：js函数方式
function clickBatchEdit(){
     document.getElementById("selectAll").checked = true;
 }

 function clickBatchEdit1(){
     document.getElementById("selectAll").checked = false;
 }
 
// 法三：纯jquery
$("#batchEditBtn").click(function () {
    $("#selectAll").prop("checked", true);
});

$("#batchEditBtn1").click(function () {
    $("#selectAll").prop("checked", false);
});

全选或全不选

$("#selectAll").click(function () {
    // 法一
    $("input[name='tableCheckItem']").prop("checked", this.checked);
    
    // 法二：使用遍历的方法
	//   $("input[name='tableCheckItem']").each(function(){
	//     });
});