Получить значение из флажка - отправить его в форму (скрытое поле)

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

Как насчет этого?

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

В этом коде вы можете быть уверены, что поле ввода добавляется только в первый раз.

Answer 3

Если вы хотите, чтобы JQuery создал новое скрытое поле, вы можете сделать это следующим образом:

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