L'exemple de cet article décrit comment jQuery implémente la sélection des cases à cocher. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Utilisez la case à cocher pour tout sélectionner et tout désélectionner. Si vous utilisez la bascule, il y aura un problème car la case à cocher ne pourra pas afficher la coche.
Utilisez l'événement click et jugez en fonction de l'attribut coché.
Exemple :
$("#chkRreviewOffline").click(function(){ if(this.checked){ $('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ this.checked=true; }); }else{ $('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ this.checked=false; }); } }); $('#review-offline .btn_checkbox input[type=checkbox]').each(function(index){ $(this).click(function(){ if(this.checked){ //console.log('checked'); }else{ //console.log('not checked'); $("#chkRreviewOffline").get(0).checked=false; } }); });
Parmi eux, la méthode each() suivante est utilisée pour annuler toutes les cases sélectionnées lorsque les autres cases de la page sont décochées.
J'espère que cet article sera utile à la programmation jQuery de chacun.