Jquery 我如何在单击“数据表”时选中所有复选框；“全部”；表格标题中的复选框？

我已经实现了一个数据表示例。当我点击数据表标题中的“全部”复选框时，它的检查和取消检查只进行了一次。第二次无法选中表体中的所有复选框。 我的代码如下：

数据表复选框
全部的
名称
优先事项
$（文档）.ready（函数（）{
var str=“”；
对于（i=0；i<25；i++）{
a=i+1；
str+=“a”+a+“名称”+a+”；
}
$（“#流程表>正文”）。追加（str）；
oTableStaticFlow=$（“#流表”）.dataTable({
“aoColumnDefs”：[{
“bSortable”：错误，
“目标”：[0]
}],
});
$（“#flowcheckall”）。单击（函数（）{
如果（选中此项）{
//警报（“已检查”）；
//$（'input'，oTable.fnGetNodes（））.attr（'checked'，this.checked）；
$（“#流表tbody input[type=“checkbox”]”）。attr（'checked'，true）；
}否则{
//警惕（“未检查”）；
$（“#流表tbody input[type=“checkbox”]”）。attr（'checked'，false）；
}
});
});

---

谁能帮帮我

您只需使用此功能选中/取消选中所有复选框即可：

  $("#flowcheckall").click(function () {
        $('#flow-table tbody input[type="checkbox"]').prop('checked', this.checked);
    });

---

您只需使用此功能选中/取消选中所有复选框即可：

  $("#flowcheckall").click(function () {
        $('#flow-table tbody input[type="checkbox"]').prop('checked', this.checked);
    });

删除此js调用

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

我测试了一下，去掉这个后效果很好。 原因一定是因为您调用的另外两个版本是版本1.10.0-beta.1，并且必须与您调用的jquery-1.10.1.min.js冲突。

删除此js调用

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<input type='checkbox' class="sel_users" value='Anil'>Anil</option>
<input type='checkbox' class="sel_users" value='Amit'>Amit</option>
<input type='checkbox' class="sel_users" value='Mayank'>Mayank</option>
<input type='checkbox' class="sel_users" value='Sonarika'>Sonarika</option>
<input type='checkbox' class="sel_users" value='Vishal'>Vishal</option>
<input type='checkbox' class="sel_users" value='Yogesh'>Yogesh</option>

<input type='checkbox' id='checkallusers' class="checkallusers">Select All

$("#checkallusers").change(function(){
    var checked = $(this).is(':checked'); 

    // Select all
    if(checked){
       $('.sel_users').each(function() {
          $(this).prop('checked',true);
       });
    }else{
       // Deselect All
       $('.sel_users').each(function() {
         $(this).prop('checked',false);
       });
    }
});

我测试了一下，去掉这个后效果很好。 原因一定是因为您调用的另外两个版本是版本1.10.0-beta.1，并且必须与您调用的jquery-1.10.1.min.js冲突。

Anil
<input type='checkbox' class="sel_users" value='Anil'>Anil</option>
<input type='checkbox' class="sel_users" value='Amit'>Amit</option>
<input type='checkbox' class="sel_users" value='Mayank'>Mayank</option>
<input type='checkbox' class="sel_users" value='Sonarika'>Sonarika</option>
<input type='checkbox' class="sel_users" value='Vishal'>Vishal</option>
<input type='checkbox' class="sel_users" value='Yogesh'>Yogesh</option>

<input type='checkbox' id='checkallusers' class="checkallusers">Select All

$("#checkallusers").change(function(){
    var checked = $(this).is(':checked'); 

    // Select all
    if(checked){
       $('.sel_users').each(function() {
          $(this).prop('checked',true);
       });
    }else{
       // Deselect All
       $('.sel_users').each(function() {
         $(this).prop('checked',false);
       });
    }
});

阿米特
马扬克
声呐
维沙尔
约格什
全选
$（“#checkallusers”）.change（函数（）{
var checked=$（this）.is（':checked'）；
//全选
如果（选中）{
$（'.sel_users'）。每个（函数（）{
$（this.prop（'checked'，true）；
});
}否则{
//取消选择全部
$（'.sel_users'）。每个（函数（）{
$（this.prop（'checked'，false）；
});
}
});

Anil
阿米特
马扬克
声呐
维沙尔
约格什
全选
$（“#checkallusers”）.change（函数（）{
var checked=$（this）.is（':checked'）；
//全选
如果（选中）{
$（'.sel_users'）。每个（函数（）{
$（this.prop（'checked'，true）；
});
}否则{
//取消选择全部
$（'.sel_users'）。每个（函数（）{
$（this.prop（'checked'，false）；
});
}
});