如何使用javascript从表中选择所有复选框

脚本：-

HTML:-

这是html。从jQueryAjax调用动态生成的行，以避免在页面加载时丢失隐藏字段中存储的值

在该对话框中，当单击“全选”复选框时，选择表的所有值 从同一页选择

如何在单击时存储来自多个分页的表的所有值 是否选中所有复选框

存储表中所有值的选项是什么

---

如果您使用的是datatable，则可以

$(document).ready(function () { 
var oTable = $('#example').dataTable({
    stateSave: true
});

var allPages = oTable.fnGetNodes();

$('body').on('click', '#selectAll', function () {
    if ($(this).hasClass('allChecked')) {
        $('input[type="checkbox"]', allPages).prop('checked', false);
    } else {
        $('input[type="checkbox"]', allPages).prop('checked', true);
    }
    $(this).toggleClass('allChecked');
})
});

var select_all = document.getElementById("select_all");
var checkboxes = document.getElementsByClassName("checkbox"); 
select_all.addEventListener("change", function(e){
    for (i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = select_all.checked;
 }
});

for(var i = 0; i < checkboxes.length; i++) {
checkboxes[i].addEventListener('change', function(e){ //".checkbox" change
//uncheck "select all", if one of the listed checkbox item isunchecked
    if(this.checked == false){
        select_all.checked = false;
    }
if(document.querySelectorAll('.checkbox:checked').length ==checkboxes.length){
        select_all.checked = true;
    }
});
}

还有一个选项，即您必须在所有复选框上添加相同的类名并添加此代码。如果您不使用datatable

$(document).ready(function () { 
var oTable = $('#example').dataTable({
    stateSave: true
});

var allPages = oTable.fnGetNodes();

$('body').on('click', '#selectAll', function () {
    if ($(this).hasClass('allChecked')) {
        $('input[type="checkbox"]', allPages).prop('checked', false);
    } else {
        $('input[type="checkbox"]', allPages).prop('checked', true);
    }
    $(this).toggleClass('allChecked');
})
});

var select_all = document.getElementById("select_all");
var checkboxes = document.getElementsByClassName("checkbox"); 
select_all.addEventListener("change", function(e){
    for (i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = select_all.checked;
 }
});

for(var i = 0; i < checkboxes.length; i++) {
checkboxes[i].addEventListener('change', function(e){ //".checkbox" change
//uncheck "select all", if one of the listed checkbox item isunchecked
    if(this.checked == false){
        select_all.checked = false;
    }
if(document.querySelectorAll('.checkbox:checked').length ==checkboxes.length){
        select_all.checked = true;
    }
});
}

---

实际上你的支票全部。。没有任何附件就挂着

1添加onchange事件处理程序

2修改代码以处理选中/取消选中

函数addRowtableID{ var table=document.getElementByIdtableID； var rowCount=table.rows.length； var row=table.insertRowCount； var cell1=row.insertCell0； var element1=document.createElementinput； element1.type=复选框； element1.name=chkbox[]； 第1单元。附加子元素1； var cell2=row.insertCell1； cell2.innerHTML=行数； var cell3=row.insertCell2； cell3.innerHTML=行数； var cell4=row.insertCell3； cell4.innerHTML=行数； var cell5=row.insertCell4； cell5.innerHTML=行数； var cell6=row.insertCell5； cell6.innerHTML=行数； } 函数deleteRowtableID{ 试一试{ var table=document.getElementByIdtableID； var rowCount=table.rows.length； 对于变量i=1；i你能添加页面的HTML代码吗