Obtenir la valeur de la case comme 1/0 avec jQuery

Je veux obtenir les valeurs de tous les champs de saisie avec jQuery. Je peux le faire avec le code suivant. Cependant, si le champ de saisie est case à cocher, et il est cochée, il sera de retour "sur". Comment puis-je obtenir la valeur 1 si la case est cochée?

jQuery:

$('button').click(function() {

    inputs = $('.input');
    inputs.each(function() {
        var value = $(this).val();  
        alert(value);
    }); 

});

HTML:

<input type="text" class="input" />
<input type="text" class="input" />
<input type="checkbox" class="input">

<button>Get values<button>

Démo:
http://jsfiddle.net/yDKdT/

OriginalL'auteur user2738640 | 2013-11-05

  1. 26

    Vous devez vérifier si le type de votre élément est égal checkbox:

    if( $( this ).attr( 'type' ) === 'checkbox' ) {
    value = +$(this).is( ':checked' );
}

    Astuce: + symbole de convertir des valeurs Booléennes en nombres Entiers: 1/0

    Voir mis à jour jsFiddle

    Chouette! Je ne savais pas que la conversion de truc.

    OriginalL'auteur antyrat

  2. 3

    DÉMO

    var input = $('.input');

$('button').click(function() {

    input.each(function() {      
      var val = this.type=="checkbox" ? +this.checked : this.value ;      
      alert(  val  );
    }); 

});

    Ce qui est fait:

    this.type=="checkbox" //Test if HTMLElement type is checkbox //(Boolean)
?
+this.checked //if true  //using '+', set boolean (true/false) to int (0/1)
:
this.value    //if false //just get the value
;

    à lire en complément: Convertir le résultat booléen dans nombre de/nombre entier

    OriginalL'auteur Roko C. Buljan

  3. 1

    Utilisation .is(':checked') au lieu d'obtenir la valeur.
    Ce sera le retourner comme une valeur booléenne au lieu de se "" si l'option est cochée.

    OriginalL'auteur Lucas Cordina

  4. 1

    Vous pouvez essayer cette .

    $('button').click(function() {

    inputs = $('.input');
    inputs.each(function() {
        var value;
        if( $( this ).attr( 'type' ) === 'checkbox' ) {
            value = $(this).is( ':checked' ) ? 1: 0;
        }else
        {
            value = $(this).val();
        }
        alert(value);
    }); 

});

    DÉMO

    OriginalL'auteur sudhAnsu63

  5. 1
     inputs.each(function () {
        if($(this).attr('type') == "checkbox") {
            value = $(this).prop('checked') == false ? 0: 1;
        }
        else {
        value = $(this).val();
        }
        alert(value);
    });

    JSFiddle

    OriginalL'auteur Praveen

  6. 0

    Parce que vous n'avez pas mentionné la valeur de la case.Essayez ceci:

    <input type="checkbox" class="input" value="1">

    Démo : http://jsfiddle.net/yDKdT/3/

    OriginalL'auteur Joke_Sense10