Einstellung "checked" für ein Kontrollkästchen mit jQuery

Question

Ich würde gerne so etwas tun, um ein Häkchen bei checkbox mit jQuery :

$(".myCheckBox").checked(true);

o

$(".myCheckBox").selected(true);

Gibt es so etwas?

Answer 1

$("#mycheckbox")[0].checked = true;
$("#mycheckbox").attr('checked', true);
$("#mycheckbox").click();

Bei der letzten wird das Klick-Ereignis für das Kontrollkästchen ausgelöst, bei den anderen nicht. Wenn Sie also benutzerdefinierten Code im onclick-Ereignis für das Kontrollkästchen haben, den Sie auslösen möchten, verwenden Sie den letzten.

Answer 2

Um ein Kontrollkästchen zu aktivieren, sollten Sie

 $('.myCheckbox').attr('checked',true);

o

 $('.myCheckbox').attr('checked','checked');

und um ein Kontrollkästchen zu deaktivieren, sollten Sie es immer auf false setzen:

 $('.myCheckbox').attr('checked',false);

Wenn Sie das tun

  $('.myCheckbox').removeAttr('checked')

wird das Attribut vollständig entfernt, so dass Sie das Formular nicht zurücksetzen können.

BAD DEMO jQuery 1.6 . Ich glaube, das ist kaputt. Für 1.6 werde ich einen neuen Beitrag dazu machen.

NEW WORKING DEMO jQuery 1.5.2 funktioniert in Chrome.

Beide Demos verwenden

$('#tc').click(function() {
    if ( $('#myCheckbox').attr('checked')) {
        $('#myCheckbox').attr('checked', false);
    } else {
        $('#myCheckbox').attr('checked', 'checked');
    }
});

Answer 3

Damit werden Elemente ausgewählt, die das angegebene Attribut mit einem Wert haben, der die angegebene Teilzeichenkette "ckbItem" enthält:

$('input[name *= ckbItem]').prop('checked', true);

Es werden alle Elemente ausgewählt, die ckbItem in ihrem Namensattribut enthalten.

Answer 4

Angenommen, die Frage lautet...

Wie überprüfe ich einen Checkbox-Satz? NACH WERT?

Denken Sie daran, dass in einem typischen Checkbox-Set alle Eingabe-Tags denselben Namen haben, sie unterscheiden sich durch das Attribut value : Es gibt keine ID für jeden Eingang der Menge.

Die Antwort von Xian lässt sich erweitern durch eine spezifischerer Selektor unter Verwendung der folgenden Codezeile:

$("input.myclass[name='myname'][value='the_value']").prop("checked", true);

Answer 5

Ich habe die Lösung nicht gefunden. Ich werde immer verwenden:

if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}