Wie wähle ich mit jQuery alle Kontrollkästchen außer einem aus?

Auswählen von Kontrollkästchen mit jQuery

In der Webentwicklung bieten JavaScript-Frameworks wie jQuery leistungsstarke Selektoren für die Bearbeitung von DOM-Elementen. Ein häufiges Szenario ist die Auswahl mehrerer Kontrollkästchen in einem Formular. So können Sie mithilfe von jQuery mühelos alle Kontrollkästchen außer einem bestimmten auswählen:

Stellen Sie sich ein Markup wie dieses vor:

<form>
  <table>
    <tr>
      <td><input type="checkbox">

Wenn das Kontrollkästchen mit der ID="select_all" angeklickt wird, wird das Ziel angezeigt besteht darin, alle anderen Kontrollkästchen mit dem Namen „select[] zu aktivieren oder zu deaktivieren.

Hier ist eine jQuery Lösung:

$('#select_all').change(function() {
  var checkboxes = $(this).closest('form').find(':checkbox');
  checkboxes.prop('checked', $(this).is(':checked'));
});

Dieser Code führt Folgendes aus:

1. Ruft das Kontrollkästchen namens „select_all“ mithilfe seiner ID ab.
2. Hängt einen Änderungsereignis-Listener daran an.
3. Wenn der Listener ausgelöst wird, findet er alle Kontrollkästchen innerhalb des Formulars.
4. Es dann Legt die aktivierte Eigenschaft aller gefundenen Kontrollkästchen basierend auf dem aktivierten Status des Kontrollkästchens „select_all“ fest.

Dieser Code schaltet effektiv den aktivierten Status aller anderen Kontrollkästchen um, wenn auf das Kontrollkästchen „select_all“ geklickt wird. Es ist jedoch wichtig zu beachten, dass der Code nur funktioniert, wenn die Kontrollkästchen die gleiche Form haben wie das Kontrollkästchen „select_all“.

Das obige ist der detaillierte Inhalt vonWie wähle ich mit jQuery alle Kontrollkästchen außer einem aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!