Detaillierte Erläuterung von attr() und prop() zum Auswählen und Abbrechen von Kontrollkästchen

Dieser Artikel teilt Ihnen hauptsächlich die detaillierte Erklärung von attr() und prop() zum Auswählen und Deaktivieren des Kontrollkästchens. Zunächst muss klar sein, dass es keinen direkten Zusammenhang damit gibt, ob die CheckBox aktiviert ist oder nicht Das geprüfte Attribut der Eingabe ist =="checked".

Eine Eingabe ohne geschriebene zugehörige js-Funktion: aktiviert, Sie können nur steuern, ob sie ausgewählt ist, wie im Bild oben gezeigt.

$('.modal-body input:checked')

Wie im obigen Code gezeigt, kann dieser JQuery-Selektor die zweite Eingabe finden, aber die Tatsache, dass er gefunden werden kann, hat nichts mit seiner Einstellung zu tun: geprüft.

Wenn Sie die überprüfte Einstellung dadurch steuern möchten, ob sie aktiviert ist, müssen Sie den folgenden Code hinzufügen:

			$('.modal-body thead').on('click','input',function(){
				if($(this).attr('checked')=='checked'){
					$(this).removeAttr("checked");
				}else{
					$(this).attr("checked", "true");
				}
			});

Wenn Sie auch die Ereignisse anderer Dom-Elemente steuern möchten, ob es überprüft wird und Einstellung, Dann müssen Sie den folgenden Code hinzufügen:

			$('.modal-body thead').on('change','select',function(){
				
				$(this).parent().find('th input').prop('checked','checked');
				$(this).parent().find('th input').attr('checked','checked');
			});

Die Prop-Funktion wird verwendet, um zu steuern, ob sie ausgewählt ist. Wenn es nicht verwendet wird, wird das Eingabeelement nicht ausgewählt, aber der Einstellungswert ändert sich.

Eigentlich müssen Sie sich nicht um die überprüfte Einstellung kümmern, da der JQuery-Selektor sich darum kümmert, ob sie ausgewählt ist, und nicht um den Wert der Einstellung.

Aber wenn Sie Ereignisse anderer Dom-Elemente verwenden müssen, um die Auswahl der CheckBox auszulösen, müssen Sie die Prop-Funktion verwenden. Weil dem Benutzer die Sicht wichtig ist und nicht der Wert der Einstellung durch die Konsole.
Verwandte Empfehlungen:

Stiländerung des Eingabe-Kontrollkästchen-Kontrollkästchens

Verwendung des Kontrollkästchens in jQuery

Verwenden Sie js, um den Wert des Kontrollkästchens abzurufen

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von attr() und prop() zum Auswählen und Abbrechen von Kontrollkästchen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!