Kürzlich bin ich im Projekt auf ein Problem gestoßen. Beim Testen der Funktion „Auswählen/Auswählen aufheben“ kann der Status „Alles ausgewählt/nicht ausgewählt“ des Unterfelds synchronisiert werden. Wenn dann auf das übergeordnete Feld geklickt wird, reagiert der Unterrahmen nicht mehr. Die allgemeine Struktur des Originalcodes ist wie folgt:
'input[name="xxx[]"]').attr("checked"Schritt 1 Versuchen Sie eine positive Welle:
function selectAll(obj){
if(obj.checked) {
$('input[name="xxx[]"]').attr("checked", true);
} else {
$('input[name="xxx[]"]').removeAttr("checked");
}
}Bauer -----hat überhaupt keine Wirkung, wirf ihn ab.
Schritt 2 Nach einer kurzen Suche im Internet stellte ich fest, dass dieses Problem relativ häufig vorkommt. 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:
Allerdings ist die im Projekt verwendete Version niedriger als 1.6 und mir wurde gesagt, dass es am besten ist, die Version nicht zu ändern und zu verwerfen.
Schritt 3 Es gibt 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 erfolgreich. Eigentlich 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.
Das obige ist der detaillierte Inhalt vonBezüglich des Problems, dass die vollständige Auswahl/inverse Auswahl von JQuery zum zweiten Mal fehlschlägt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
