Heim > Web-Frontend > js-Tutorial > Wie kann ich mit jQuery überprüfen, ob ein bestimmtes Kontrollkästchen aktiviert ist?

Wie kann ich mit jQuery überprüfen, ob ein bestimmtes Kontrollkästchen aktiviert ist?

DDD
Freigeben: 2024-12-18 18:54:14
Original
540 Leute haben es durchsucht

How Can I Check if a Specific Checkbox is Checked Using jQuery?

Bestimmen der Kontrollkästchenauswahl mit jQuery

Bei der Arbeit mit Formularen ist es notwendig, den Status von Elementen wie Kontrollkästchen zu überprüfen. Bei dieser Frage geht es darum, festzustellen, ob ein Kontrollkästchen innerhalb eines Kontrollkästchen-Arrays aktiviert ist oder nicht, insbesondere durch Angabe der ID des entsprechenden Kontrollkästchen-Arrays.

Der bereitgestellte Code versucht, dies mithilfe der Längeneigenschaft der jQuery-Auswahl zu erreichen mithilfe eines ID-basierten Selektors abgerufen werden. Dieser Ansatz gibt jedoch immer die Anzahl der aktivierten Kontrollkästchen zurück, unabhängig von der angegebenen ID.

Die richtige Methode zum Überprüfen des aktivierten Status eines Kontrollkästchens anhand der ID ist:

$('#' + id).is(":checked")
Nach dem Login kopieren

Diese Syntax, Bei Anwendung auf eine gültige ID wird ein boolescher Wert zurückgegeben, der angibt, ob das Kontrollkästchen mit dieser ID aktiviert ist.

Außerdem, ob die Kontrollkästchen aktiviert sind Als Teil eines Arrays mit demselben Namen ist es möglich, eine Liste aller aktivierten Kontrollkästchen abzurufen mit:

var $boxes = $('input[name=thename]:checked');
Nach dem Login kopieren

Dies ermöglicht eine weitere Verarbeitung, z. B. das Durchlaufen der aktivierten Kontrollkästchen oder das Ermitteln der Gesamtzahl aktivierte Kontrollkästchen mithilfe der Längeneigenschaft:

$boxes.each(function(){
    // Perform actions on each checked checkbox
});

console.log($boxes.length); // Number of checked boxes
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery überprüfen, ob ein bestimmtes Kontrollkästchen aktiviert ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage