Wie kann ich mit jQuery ein Kontrollkästchen richtig aktivieren oder deaktivieren?

Festlegen von „checked“ für eine Checkbox mit jQuery

Viele Entwickler würden gerne das „checked“-Attribut einer Checkbox mit setzen jQuery, und einige versuchen möglicherweise, Methoden wie .checked() oder .selected() zu verwenden. Diese Methoden gibt es jedoch nicht in jQuery.

Modernes jQuery

Um das „checked“-Attribut in modernen Versionen von jQuery festzulegen, verwenden Sie .prop( ) Methode:

$('.myCheckBox').prop('checked', true);  // Check the checkbox
$('.myCheckBox').prop('checked', false); // Uncheck the checkbox

DOM API

Eine weitere Option besteht darin, auf das zugrunde liegende HTMLInputElement-Objekt zuzugreifen und die .checked-Eigenschaft direkt festzulegen:

$('.myCheckBox')[0].checked = true;  // Check the checkbox
$('.myCheckBox')[0].checked = false; // Uncheck the checkbox

jQuery 1.5.x und Below

Für ältere Versionen von jQuery (vor 1.6) ist die .prop() Die Methode ist nicht verfügbar, daher können Sie stattdessen .attr() verwenden:

$('.myCheckBox').attr('checked', true);  // Check the checkbox
$('.myCheckBox').attr('checked', false); // Uncheck the checkbox

Es ist wichtig zu beachten, dass die Verwendung von .removeAttr('checked') zwar wie ein vernünftiger Ansatz erscheint, aber zu unerwarteten Ergebnissen führen kann Verhalten bei der Interaktion mit Formularen, die das Kontrollkästchen enthalten. Daher ist die Verwendung von .prop() oder .attr() die bevorzugte Methode zum Festlegen des „checked“-Attributs mit jQuery.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery ein Kontrollkästchen richtig aktivieren oder deaktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!