Maison  >  Article  >  interface Web  >  Méthode jQuery pour implémenter la case à cocher selection_jquery

Méthode jQuery pour implémenter la case à cocher selection_jquery

WBOY
WBOYoriginal
2016-05-16 15:56:181037parcourir

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.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn