從複選框獲取值 - 將其發送到表單（隱藏字段）

Question

如何將複選框中的值傳遞到我的網站上使用jQuery的表單中？

例

當複選框被選中，jQuery將創建一個新的輸入場，具體形式內。

感謝

Answer 1

$('#checkbox_field_id').click(function() { 
    var checkbox_field_value = $(this).val(); 
    $('#hidden_input_id').val(checkbox_field_value); 
}); 

Answer 2

如果你想jQuery來創建一個新的隱藏字段，你可以做這樣的：

$('#idOfForm').append($('<input>').attr('id', 'idOfHiddenField').attr('value', 'valueOfHiddenField').attr('name', 'nameOfValue').attr('type', 'hidden'); 

Answer 3

這個怎麼樣？

$("#myCheckbox").click(function(){ 
    var $form = $("#myForm"); 
    var $this = $(this); 
    var $hiddenField = $this.data("hiddenField") 
    if(!$hiddenField){ 
     $hiddenField = $form.append('<input type="hidden" />') 
     $this.data("hiddenField", $hiddenField); 
    }; 
    $hiddenField.val(this.value); 
}); 

在這段代碼中，您可以確定輸入字段只在第一次被附加。