如何獲取多個複選框值並將其分配給隱藏字段

Question

我想將多個id存儲到隱藏字段。 因此值能夠綁定到控制器。

<form:hidden id="ids" path="ids" value="${ids }"/> 

當點擊按鈕刪除將調用jquery刪除行。

var deleteIds = []; 
    $("#deleteRow").on('click', function() { 
     deleteIds = $('.case:checkbox:checked').val(); 
     $('.case:checkbox:checked').parents("tr").remove(); 
     $('#ids').val(deleteIds); 
    }); 

我的問題是

• 如何將值設置爲IDS？

謝謝。

Answer 1

我能夠設置倍數值隱藏字段。回答如下。

<form:hidden id="ids" path="ids" value="${ids }"/> 



$("#deleteRow").on('click', function() { 
       var deleteIds = []; 
       $('.case:checkbox:checked').each(function(i){ 
        if($('#ids').val() != ''){ 
       deleteIds[i] = $('#ids').val() + "," + $(this).val(); 
      }else{ 
       deleteIds[i] = $(this).val(); 
      } 
     }); 
     $('#ids').attr("value",deleteIds); 
    }); 

each(function(i))的將循環所有的複選框並存儲在陣列[]，在此之後分配陣列隱藏字段。

Answer 2

標記來自沒有屬性value。您可以檢查表單標籤here的屬性。

但是，您可以使用jQuery來修改自定義屬性。這裏有一個工作小提琴：

var deleteIds = []; 
 

 
deleteIds = ["1","2","3","4"]; 
 

 
$('#ids').attr("value",deleteIds); 
 

 
alert($('#ids').attr("value"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="ids" path="ids" value="${ids }"/>

Answer 3

通過創建多個<form:hidden/>，你可以得到你想要的東西。當你點擊#deleteRow時，我假設你會刪除表格行，並將這些ID的形式提交給服務器，所以我們可以按照以下步驟進行操作。

因爲我甚至不知道你的HTML結構，所以我只是試圖修改你的腳本，可以幫助你;）

var deleteIds = []; 
$("#deleteRow").on('click', function() { 
    $('#ids').remove(); 
    deleteIds = $('.case:checkbox:checked').val(); 
    $('.case:checkbox:checked').parents("tr").remove(); 
    for (var i = 0; i < deleteIds.length; i++) { 
     // formId should be replaced to your form id 
     $('#formId').append('<form:hidden id="ids" path="ids" value="' + deleteIds[i] +'"/>'); 
    } 
    // $('#formId').submit(); comment this line, cause there is another button to submit form. 
});