Téléchargez le code directement
Le code est le suivant, la fonction tout sélectionner n'est pas facile à utiliser
var _select_all = document.getElementById("select_all");
var _input = document.querySelectorAll("#shop_content ul input[type=checkbox]");
_select_all.addEventListener("click",function() {
for(var i = 0;i<_input.length;i++) {
_input[i].checked="checked";
}
})Changer une phrase
var _select_all = document.getElementById("select_all");
_select_all.addEventListener("click",function() {
var _input = document.querySelectorAll("#shop_content ul input[type=checkbox]");
for(var i = 0;i<_input.length;i++) {
_input[i].checked="checked";
}
})Pourquoi le code s'exécute-t-il normalement lorsque _input est placé en dessous?? Ne pouvons-nous pas obtenir des variables externes dans la fonction de rappel en fonction de la portée??
5
0
0
光陰似箭催人老，日月如移越少年。
Vous pouvez tester les deux par vous-même?: https://jsfiddle.net/8j9q69qm/
var _select_all = document.getElementById("select_all");
var _input = document.querySelectorAll("#shop_content ul input[type=checkbox]");
console.log(_input);
_select_all.addEventListener("click",function() {
for(var i = 0;i<_input.length;i++) {
_input[i].checked="checked";
}
})Vous le saurez après avoir consulté le journal. S'il n'est pas défini, vous saurez où réside le problème.
L'une consiste à vérifier les n?uds à l'avance et à les mettre en cache, et l'autre consiste à vérifier les n?uds en temps réel lorsque vous cliquez. Si le n?ud correspondant au sélecteur #shop_content ul input[type=checkbox] ne change pas, les deux méthodes sont les mêmes et l'efficacité de la mise en cache est relativement élevée. Si le n?ud correspondant peut être supprimé, ajouté ou remplacé, vous devez utiliser la deuxième méthode pour retrouver le n?ud en temps réel à chaque fois que vous cliquez dessus
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
