如何在“数据表”中传递多个页面中选定复选框的值

How to pass values of selected checkboxes from multiple pages in Data Table

本文关键字：数据表 复选框      更新时间：2023-09-26

我有记录在引导数据表有分页，每个记录将有一个复选框。假设当我单击第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");

有人能帮我吗?

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

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"));
    }
});

Jquery代码 

   $(document).ready(function() {  
    $('#viewlist').DataTable();  
    $("#button").click(function() {  
        var chcklist = new Array();  
        var oTable = $('#viewlist').dataTable();  
        var rowcollection =  oTable.$("#emp_name:checked", {"page": "all"});  
        rowcollection.each(function(index,elem) {  
            chcklist.push($(elem).val());    
        });  
        $.post(
            "../accounts/updateSalaryHold.jsp", 
            {list: chcklist}, 
            function (values) {  }
        );  
    });  
});

jsp页面代码

String[] arrayVal = request.getParameterValues("list[]");
相关文章：