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

Get value from checkbox - send it to a form (Hidden field)

本文关键字：表单 隐藏 字段 复选框 获取      更新时间：2023-09-26

如何使用jQuery将复选框中的值传递到我的网站上的表单?

当一个复选框被选中时，jQuery将在一个特定的表单中创建一个新的输入字段。

谢谢

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

如果你想让JQuery创建一个新的隐藏字段，你可以这样做:

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

这个怎么样?

$("#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);
});

在此代码中，您可以确保只在第一次添加输入字段

相关文章：