从复选框获取值 - 将其发送到表单（隐藏字段）

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

在这段代码中，您可以确定输入字段只在第一次被附加。