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

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

在此代码中，您可以确保输入字段仅在第一次附加。