comment obtenir les valeurs de checkbox dans un formulaire en jquery dialogue?

J'ai un formulaire dans un dialogue jquery. Comment puis-je obtenir les valeurs des cases sélectionnées une fois que le formulaire est soumis?

$(document).ready(function(){

var $dialog = $('<div></div>')
    .html('<form id="myform" action=""><input type="checkbox"   id="completeCheck" name="completeCheck" value="" />Complete check<br /><input type="checkbox" name="view" value="Car" /> View report <br /><input type="checkbox" name="consist" value="" />Consistency check<br /><input type="checkbox" name="other" value="" />Other checks<br /><input type="checkbox" name="keyCheck" value="" />Key check<br /><input type="checkbox" name="compareCheck" value="" />Compare check<br /></form>')
    .dialog({
        autoOpen: false,
        title: 'Data check',
        buttons: {
          "Submit Form": function() {  $('form#myform').submit();},
          "Cancel": function() {$(this).dialog("close");}
        }
    });

$('#createNew').click(function() {
    $dialog.dialog('open');
    //prevent the default action, e.g., following a link
    return false;
});

$('form#myform').submit(function(){

  $dialog.dialog('close');
});        


});

OriginalL'auteur user840930 | 2012-07-03

  1. 3

    De travail démo http://jsfiddle.net/9mZAJ/2/ ou http://jsfiddle.net/9mZAJ/1/

    $('#completeCheck').is(':checked') fera l'affaire avec .each boucle sur la case à cocher reste voir la démo et le code ci-dessous.

    Cela devrait aider

    Maintenant à parcourir toutes les cases à cocher, vous pouvez le faire de plusieurs façons à l'aide de .each et avec is(":checked") vérifier. :)

    code

    $(document).ready(function(){

var $dialog = $('<div></div>')
    .html('<form id="myform" action=""><input type="checkbox"   id="completeCheck" name="completeCheck" value="" />Complete check<br /><input type="checkbox" name="view" value="Car" /> View report <br /><input type="checkbox" name="consist" value="" />Consistency check<br /><input type="checkbox" name="other" value="" />Other checks<br /><input type="checkbox" name="keyCheck" value="" />Key check<br /><input type="checkbox" name="compareCheck" value="" />Compare check<br /></form>')
    .dialog({
        autoOpen: false,
        title: 'Data check',
        buttons: {
          "Submit Form": function() {  $('form#myform').submit();},
          "Cancel": function() {$(this).dialog("close");}
        }
    });

$('#createNew').click(function() {
    $dialog.dialog('open');
    //prevent the default action, e.g., following a link
    return false;
});

$('form#myform').submit(function(){
    alert('completeCheck checkobox is checked or not ==> ' + $('#completeCheck').is(':checked'));

  $dialog.dialog('close');
});        


});​

    boucle comme ceci

    $(this).find('input[type="checkbox"]').each(function(){
    alert($(this).is(':checked'));
})

    Image

    comment obtenir les valeurs de checkbox dans un formulaire en jquery dialogue?

    Glad je peux vous aider, cheerios! :)

    OriginalL'auteur Tats_innit

  2. 2

    Vous pouvez obtenir toutes les coché les cases à cocher avec $(this).find(":checked") au sein de votre formulaire de soumission-rappel. Vous pourriez ensuite une boucle au-dessus d'eux et d'obtenir leurs valeurs.

    Voici un exemple de comment vous pouvez stocker les noms des coché les cases à cocher et leurs valeurs dans un tableau par exemple:

    $('form#myform').submit(function(){
  //Store names of the checkboxes and their values in an array
  var values = []; 
  $(this).find(":checked").each(function () {
     values[$(this).prop("name")] = $(this).val();
  });
  $dialog.dialog('close');
});
    L'OP veut "obtenir les valeurs des cases sélectionnées une fois que le formulaire est soumis?", ne pas vérifier si une case est cochée.

    OriginalL'auteur Christofer Eliasson

  3. 1

    Dans votre fonction envoyer:

    $(this).find(':checkbox').each(function(){
    if(this.checked)
        alert(this.name + ' is checked');
    else
        alert(this.name + ' is not checked');
});

    Voir http://jsfiddle.net/tricki/mwJqR/2/

    Vous pouvez utiliser this.checked au lieu de $(this).is(':checked'), par la manière. Enregistre inutile appels de fonction.
    Bon point. édité.

    OriginalL'auteur Thomas