JQuery Select All Inverse Selection Zweite Fehlerlösung

Dieser Artikel enthält hauptsächlich einen Artikel zur Lösung des Problems, dass die vollständige Auswahl/inverse Auswahl von JQuery zum zweiten Mal fehlschlägt. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Kürzlich bin ich im Projekt auf ein Problem gestoßen, als ich die Funktion „Auswählen/Auswählen aufheben“ testete, als das übergeordnete Feld zum ersten Mal ausgewählt/nicht ausgewählt wurde -Box kann synchronisiert werden, und klicken Sie dann auf die übergeordnete Box, die untergeordnete Box reagiert nicht.

Die Schlüsselstruktur des Originalcodes ist wie folgt:

function selectAll(obj){
    $('input[name="xxx[]"]').attr("checked",obj.checked);
}

<input type="checkbox" id="mother" name="mother" onclick="selectAll(this);"/>全选

<input type="checkbox" id="son1" name="xxx[]" />子框<input type="checkbox" id="son2" name="xxx[]" />子框<input type="checkbox" id="son3" name="xxx[]" />子框<input type="checkbox" id="son4" name="xxx[]" />子框

Schritt 1: Versuchen Sie es mit einer Front-on-Welle:

function selectAll(obj){
   if(obj.checked) {
    $('input[name="xxx[]"]').attr("checked", true);
   } else {
    $('input[name="xxx[]"]').removeAttr("checked");
   }
}

Pawn---- -Hat überhaupt keine Wirkung, lass es.

Schritt 2: Eine schnelle Online-Suche und festgestellt, dass dieses Problem relativ häufig vorkommt. Unter den Menschen, die auf dieses Problem gestoßen sind, sollte ich Tausende von Kilometern entfernt sein. Ich habe ein paar durchgeklickt und im Grunde gesagt, dass die Verwendung von prop anstelle von attr das Problem lösen kann. Die Lösung lautet wie folgt:

Die im Projekt verwendete Version ist jedoch niedriger als 1.6 und mir wurde gesagt, dass es am besten ist, die Version nicht zu ändern und zu verwerfen.

Schritt 3: Ich habe keine andere Wahl, als JQuery aufzugeben ... Versuchen Sie, die native JS-Schreibmethode zu verwenden. Der Code lautet wie folgt:

function selectAll(obj){
 var xxx = document.getElementsByName("xxx[]");
  if(obj.checked) {
   for(var i = 0;i < xxx.length;i++) {
    xxx[i].checked = true;
   }
  } else {
   for(var i = 0;i < xxx.length;i++) {
    xxx[i].checked = false;
   }
  }
}

Testen Sie es und lösen Sie es reibungslos. Tatsächlich ist es ein kleines Problem, aber es hat mir einige Inspiration gegeben. Wenn ich das Problem aus einem anderen Blickwinkel betrachte, kann ich es oft besser lösen.

Verwandte Empfehlungen:

JQuery-Beispiele für „Alles auswählen“ und „Auswahl umkehren“ teilen

JQuery-Alles auswählen/Keine auswählen/Auswahl umkehren eine andere Implementierungsmethode (mit nativem js)_jquery

JQuery Select All CheckBox-Funktionsimplementierungscode (Brechen Sie die Select All-Funktion ab)_JQuery

Das obige ist der detaillierte Inhalt vonJQuery Select All Inverse Selection Zweite Fehlerlösung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!