Maison > interface Web > js tutoriel > Comment déterminer si une case est cochée à l'aide de jquery

Comment déterminer si une case est cochée à l'aide de jquery

PHPz
Libérer: 2018-09-28 16:59:24
original
1282 Les gens l'ont consulté

Cet article présente principalement la méthode jquery pour déterminer si une case à cocher est cochée. Les amis dans le besoin peuvent s'y référer.

Jquery résume le problème de déterminer si une case à cocher est cochée et comment la sélectionner.

Allons droit au but, ou lorsque la page comporte l'ensemble de cases à cocher suivant :

<input type="checkbox" name="fruit" value="apple">苹果 
<input type="checkbox" name="fruit" value="orange">橘子 
<input type="checkbox" name="fruit" value="banana">香蕉 
<input type="checkbox" name="fruit" value="grape">葡萄
Copier après la connexion

Utilisez ensuite Jquery pour obtenir un ensemble de name=fruit La méthode de vérification de la valeur de la case à cocher est la suivante :

var checkVal=&#39;&#39;; 
$("input[name=&#39;fruit&#39;]:checkbox").each(function(){ 
  if($(this).attr(&#39;checked&#39;)){ 
    checkVal+=$(this).val()+&#39;,&#39;; 
  } 
}) 
判断 name=fruit 组的复选框是否有被选中的选项:
var flag=false; 
$("input[name=&#39;fruit&#39;]:checkbox").each(function(){ 
  if($(this).attr(&#39;checked&#39;)){ 
    flag=true; 
  } 
}) 
if(flag){ 
  alert(&#39;有被选中&#39;); 
}else{ 
  alert(&#39;没有选中任何选项&#39;); 
}
Copier après la connexion

Ce qui précède est la méthode de jquery pour déterminer si la case à cocher est cochée . J'espère que cela sera utile à l'étude de tout le monde. C'est tout le contenu de ce chapitre. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo jQuery !

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal