Obtenir la valeur d'une case à cocher en jQuery

Question

Comment obtenir la valeur d'une case à cocher en jQuery ?

Answer 1

Pour obtenir la valeur de l'attribut Value, vous pouvez procéder comme suit :

$("input[type='checkbox']").val();

Ou si vous avez défini un class o id pour ça, vous pouvez :

$('#check_id').val();
$('.check_class').val();

Cependant, cela renverra le même qu'il soit coché ou non, ce qui peut prêter à confusion car le comportement est différent de celui du formulaire soumis.

Pour vérifier si elle est cochée ou non, faites :

if ($('#check_id').is(":checked"))
{
  // it is checked
}

Answer 2

Ces deux méthodes fonctionnent :

• $('#checkbox').prop('checked')

• $('#checkbox').is(':checked') (merci kbd>@mgsloan</kbd )

  $('#test').click(function() { alert("Checkbox state (method 1) = " + $('#test').prop('checked')); alert("Checkbox state (method 2) = " + $('#test').is(':checked')); });

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> Check me: <input id="test" type="checkbox" />

Answer 3

Essayez cette petite solution :

$("#some_id").attr("checked") ? 1 : 0;

ou

$("#some_id").attr("checked") || 0;

Answer 4

La meilleure façon de récupérer la valeur d'une case à cocher est la suivante

if ( elem.checked ) 
if ( $( elem ).prop( "checked" ) ) 
if ( $( elem ).is( ":checked" ) ) 

comme expliqué dans les documentations officielles sur le site de jQuery. Le reste des méthodes n'a rien à voir avec la fonction propriété de la case à cocher, ils vérifient l'attribut, ce qui signifie qu'ils testent l'état initial de la case à cocher lorsqu'elle a été chargée. Donc, en résumé :

• Lorsque vous avez l'élément et que vous savez qu'il s'agit d'une case à cocher, vous pouvez simplement lire sa propriété et vous n'aurez pas besoin de jQuery pour cela (c'est-à-dire. elem.checked ) ou vous pouvez utiliser $(elem).prop("checked") si vous souhaitez vous appuyer sur jQuery.
• Si vous avez besoin de connaître (ou de comparer) la valeur lorsque l'élément a été chargé pour la première fois (c'est-à-dire la valeur par défaut), la manière correcte de procéder est la suivante elem.getAttribute("checked") o elem.prop("defaultChecked") .

Veuillez noter que elem.attr("checked") n'est modifié qu'après la version 1.6.1+ de jQuery pour retourner le même résultat que elem.prop("checked") .

Certaines réponses sont trompeuses ou imprécises. Veuillez vérifier vous-même ci-dessous :

http://api.jquery.com/prop/

Answer 5

$('#checkbox_id').val();
$('#checkbox_id').is(":checked");
$('#checkbox_id:checked').val();