Heim >Web-Frontend >js-Tutorial >JQuery erhalten Sie eine Reihe von Kontrollkästchen -IDs überprüft
<code class="language-javascript">// 获取所有选中复选框的 ID,并将其存储到一个数组中 var checkedIds = $('input[type="checkbox"]:checked').map(function() { return this.id; }).get(); console.log(checkedIds); </code>
FAQs (FAQs)
Verwenden Sie JQuery, um alle Kontrollkästchen auszuwählen. Sie können den Selektor ": CheckBox" verwenden. Dieser Selektor wählt alle Elemente vom Typ Typ des Typs aus. Beispiele sind wie folgt:
<code class="language-javascript">$('input:checkbox').prop('checked', true);</code>
Dieser Code wählt alle Kontrollkästchen aus und setzt ihre Eigenschaft "geprüft" auf True, wodurch alle Kontrollkästchen ausgewählt werden.
Ähnlich wie bei der vorherigen Frage können Sie den Selektor ": CheckBox" verwenden, um alle Kontrollkästchen auszuwählen. Um alle Kontrollkästchen zu deaktivieren, stellen Sie die Eigenschaft "geprüft" auf false fest. Beispiele sind wie folgt:
<code class="language-javascript">$('input:checkbox').prop('checked', false);</code>
Dieser Code deaktiviert alle Kontrollkästchen.
Um den Wert des ausgewählten Kontrollkästchens zu erhalten, können Sie den Selektor ": Checked" verwenden. Dieser Selektor wählt alle ausgewählten Kontrollkästchen aus. Beispiele sind wie folgt:
<code class="language-javascript">$('input:checkbox:checked').val();</code>
Dieser Code gibt den Wert des ersten ausgewählten Kontrollkästchens zurück, das er gefunden hat.
Um die IDs aller Kontrollkästchen zu erhalten, können Sie den Selektor ": Checked" und die Funktion .map()
verwenden. Beispiele sind wie folgt:
<code class="language-javascript">var ids = $('input:checkbox:checked').map(function() { return this.id; }).get();</code>
Dieser Code gibt ein Array zurück, das alle ausgewählten Kontrollkästchen -IDs enthält.
Um ein Kontrollkästchen basierend auf der ID auszuwählen, können Sie die ID des Selektors "#" gefolgt vom Kontrollkästchen verwenden. Beispiele sind wie folgt:
<code class="language-javascript">$('#myCheckbox').prop('checked', true);</code>
Dieser Code wählt das Kontrollkästchen mit der ID "myCheckBox" aus.
Ähnlich wie bei der vorherigen Frage können Sie es mit dem Selektor "#" deaktivieren, gefolgt von der ID des Kontrollkästchens. Beispiele sind wie folgt:
<code class="language-javascript">$('#myCheckbox').prop('checked', false);</code>
Dieser Code deaktiviert das Kontrollkästchen mit der ID "myCheckBox".
Um den ausgewählten Status des Kontrollkästchens zu wechseln, können Sie die Funktion .click()
verwenden. Beispiele sind wie folgt:
<code class="language-javascript">$('#myCheckbox').click();</code>
Dieser Code wird den ausgewählten Status des Kontrollkästchens mit der ID "myCheckbox" umschalten.
Um zu überprüfen, ob das Kontrollkästchen ausgewählt ist, können Sie die Funktion .is()
und den Selektor ": Checked" verwenden. Beispiele sind wie folgt:
<code class="language-javascript">if ($('#myCheckbox').is(':checked')) { // 复选框已选中 } else { // 复选框未选中 }</code>
Dieser Code prüft, ob das Kontrollkästchen mit der ID "myCheckBox" ausgewählt ist.
Um das Änderungsereignis des Kontrollkästchens zu verarbeiten, können Sie die Funktion .change()
verwenden. Beispiele sind wie folgt:
<code class="language-javascript">$('#myCheckbox').change(function() { if ($(this).is(':checked')) { // 复选框已选中 } else { // 复选框未选中 } });</code>
Dieser Code verwaltet das Änderungsereignis des Kontrollkästchens mit der ID "myCheckbox".
Um mehrere Kontrollkästchen basierend auf der ID auszuwählen, können Sie den Selektor "#" verwenden, gefolgt von der ID des Kontrollkästchens, die durch Kommas getrennt ist. Beispiele sind wie folgt:
<code class="language-javascript">$('#myCheckbox1, #myCheckbox2, #myCheckbox3').prop('checked', true);</code>
Dieser Code wählt die Kontrollkästchen mit IDs "myCheckbox1", "myCheckBox2" und "myCheckBox3" aus.
(Das Bild bleibt so wie es ist)
Das obige ist der detaillierte Inhalt vonJQuery erhalten Sie eine Reihe von Kontrollkästchen -IDs überprüft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!