Wert des Kontrollkästchens in jQuery abrufen

Question

Wie kann ich den Wert einer Checkbox in jQuery erhalten?

Answer 1

Um den Wert des Attributs "Value" zu ermitteln, können Sie etwa so vorgehen:

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

Oder wenn Sie eine class ou id können Sie das:

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

Dies liefert jedoch die dieselbe Dies kann verwirrend sein, da es sich von dem Verhalten bei der Übermittlung des Formulars unterscheidet.

Um zu überprüfen, ob sie angekreuzt ist oder nicht, tun Sie dies:

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

Answer 2

Diese 2 Wege funktionieren:

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

• $('#checkbox').is(':checked') (Dank 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

Versuchen Sie diese kleine Lösung:

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

oder

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

Answer 4

Der beste Weg, den Wert eines Kontrollkästchens abzurufen, ist der folgende

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

wie in den offiziellen Dokumentationen auf der jQuery-Website erläutert. Der Rest der Methoden hat nichts mit dem Eigenschaft des Kontrollkästchens prüfen sie das Attribut, d. h. sie testen den Ausgangszustand des Kontrollkästchens, als es geladen wurde. Kurz und gut:

• Wenn Sie das Element haben und wissen, dass es sich um ein Kontrollkästchen handelt, können Sie einfach dessen Eigenschaft auslesen und brauchen dafür kein jQuery (d.h. elem.checked ) oder Sie können verwenden $(elem).prop("checked") wenn Sie sich auf jQuery verlassen wollen.
• Wenn Sie den Wert wissen (oder vergleichen) müssen, den das Element beim ersten Laden hatte (d. h. den Standardwert), lautet die korrekte Vorgehensweise elem.getAttribute("checked") ou elem.prop("defaultChecked") .

Bitte beachten Sie, dass elem.attr("checked") wird erst ab Version 1.6.1+ von jQuery geändert, um das gleiche Ergebnis wie elem.prop("checked") .

Einige Antworten sind irreführend oder ungenau. Bitte überprüfen Sie die Angaben selbst:

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

Answer 5

Nur um die Dinge zu klären:

$('#checkbox_ID').is(":checked")

Wird 'true' oder 'false' zurückgeben