如何选中jquery数据表中的每个复选框
How to check every checkboxes in a jquery datatable?
我有一个表,第一列有复选框。我使用jQueryDataTable插件显示我的表。
我制作了2个链接来选择/取消选择每个复选框。这是一个选择所有:
<a href="" name="CheckAll" onClick="checkAll(document.email_list_form_inviter.getElementsByClassName(''email_checkbox''), event)" >Select all</a>
和javascript:
function checkAll(field, event) {
event.preventDefault();
for (i = 0; i < field.length; i++)
field[i].checked = true ;
return false;
}
但是数据表允许分页,我的函数只选择可见的复选框,而不选择其他页面的复选框。如何选择数据表中的每个复选框?
解决方案:
好的,我用fnGetNodes做到了,谢谢amccausl!
$("a[name='CheckAll']").click(function(event) {
event.preventDefault();
var nodes = datatable.fnGetNodes( );
$('.email_checkbox', nodes).attr("checked", "checked");
});
您可以使用fnGetNodes来获取所需的所有节点,而不是使用getElementsByClassName。
您还应该使用jquery.click()事件,而不是定义onClick自己的
这是我的解决方案(DataTable1.9.4):
var nodes = $('#listContainer').DataTable().column(0).nodes();
$(':checked', nodes).each(function (index) {
console.log($(this).text())
})
对不起,我的代码错了:
动态复选框
return '<input type="checkbox" id="email_checkbox" name="email_checkbox" />';
链接
<a href="" name="CheckAll" id="CheckAll">seleccionar todos</a>
姓名表:
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%">
和代码
$(document).ready(function() {
$("a[name='CheckAll']").click(function(event) {
event.preventDefault();
var nodes = $('#example').fnGetNodes( );
$('.email_checkbox', nodes).attr("checked", "checked");
} );
$(document).ready(function() {
$(".checkall").click(function(event) {
event.preventDefault();
var oTable = $('#example').dataTable();
var nNodes = oTable.fnGetNodes();
$email_box=$('.email_checkbox',nNodes);
if($email_box.attr("checked")=="checked"){
$email_box.removeAttr("checked");
$(".checkall").text("Check all");
}
else{
$email_box.attr("checked", "checked");
$(".checkall").text("Uncheck all");
}
});
相关文章:
- setIntervall如果复选框被选中,JS
- 主干-复选框保持选中状态
- dojo/cbtree取消选中所有复选框并选中选中复选框
- 如何发现至少有一个复选框被选中或没有使用javascript
- 页面加载时复选框只选中一次?ASP.NET,C#
- jQuery复选框未选中检测问题
- 可以't取消选中该复选框(取消选中复选框时隐藏内容)
- 我可以让所有复选框都选中和不选中做同样的事情吗
- 如何知道JqGrid多选'全选'复选框被选中
- 从数据库检索值时,Jquery mobile复选框未选中
- 在复选框取消选中事件中从HTML下拉列表中删除项目
- 去掉js可观察数组和复选框,选中绑定失败
- 如果复选框未选中且文本字段不为空,则显示警报
- 获取复选框值选中-JavaScript
- 复选框不能通过直接单击复选框来选中或取消选中
- 复选框在选中时触发函数,如果未选中,则触发其他函数
- jQuery:如何找到那个prevous复选框被选中
- 如何选中复选框是否选中,而价格滑块事件发生
- jQuery复选框组选中/取消选中仅工作一次
- 如何勾选 1 复选框以选中 html 表格中的所有复选框