javascript - 如何从数据表中的多个页面传递选中复选框的值

Question

我在有分页的 Bootstrap 数据表中有记录，每条记录都有一个复选框。假设当我单击第 1 页中的某些复选框和第 2 页中的某些复选框时，表单将仅传递第 2 页中复选框的值。如何从第 1 页检索复选框值？非常感谢任何帮助。

var checkboxes = $("input[type='checkbox']"),
    btn = $("#btnCutoff");

  //structure of table
  var table = $('#table').DataTable({

            "bLengthChange": false,
            "pageLength": 5,
            "bFilter": false 

  });

//disable button when no records are selected
btn.attr("disabled","disabled");

 checkboxes.on('click', function(event) {
    if($(this).prop('checked')){
        btn.removeAttr('disabled');
    } else {
        btn.attr("disabled",!checkboxes.is(":checked"));
    }
}); 

$("#table tbody").on("click",".clickable-row", function (event) {
    if (event.target.type !== 'checkbox') {
        $(':checkbox', this).trigger('click');
    }
}); 

当点击按钮时，它会转到一个javascript函数

function doEnquiry(){
   var f = document.frm;
   f.method = "POST";
   f.action = "test.jsp";
   f.target = "_self";
   f.submit();
}

我想将复选框值分配给这里

String curr[] = request.getParameterValues("chkTest");

谁能帮帮我？

Answer 1

如果复选框被选中，则在每个复选框上单击创建一个隐藏字段来存储其值。您可以依靠隐藏字段值来捕获您想要的所有复选框值，并且可以轻松地在服务器端访问它们。

checkboxes.on('click', function(event) {
    if($(this).prop('checked')){
        btn.removeAttr('disabled');
        $('form').append('<input type="hidden" name="fieldname" value="'+this.value+'" />');
    } else {
        btn.attr("disabled",!checkboxes.is(":checked"));
    }
});