2016-10-13 5 views
3

ブートストラップデータテーブルにページングを持つレコードがあり、各レコードにチェックボックスがあります。たとえば、ページ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"); 

をここでチェックボックスの値を割り当てるには誰も私を助けることができますか?

答えて

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

、サーバー側では、私はちょうど "フィールド名" を要求? – sopi

1

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[]"); 
+0

3行目に '$'がありません。あなたの答えがそれを解決することができた場合は、 – Thielicious

関連する問題