Obtenir une valeur à partir de la case à cocher - l'envoyer à un formulaire (champ masqué)

Question

Comment puis-je transmettre des valeurs de cases à cocher à un formulaire sur mon site Web à l'aide de jQuery?

Exemple

Lorsqu'une case est cochée, jQuery fera un nouveau champ d'entrée, à l'intérieur d'une forme spécifique.

Merci

Answer 1

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

Answer 2

Si vous voulez JQuery pour créer un nouveau champ caché, vous pouvez le faire comme ceci:

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

Answer 3

Comment cela?

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

Dans ce code, vous pouvez être sûr que le champ de saisie ne sera ajouté que la première fois.