Heim >Web-Frontend >js-Tutorial >So ermitteln Sie mit jquery, ob ein Kontrollkästchen aktiviert ist

So ermitteln Sie mit jquery, ob ein Kontrollkästchen aktiviert ist

PHPz
PHPzOriginal
2016-05-16 15:36:241276Durchsuche

In diesem Artikel wird hauptsächlich die JQuery-Methode vorgestellt, um festzustellen, ob ein Kontrollkästchen aktiviert ist. Freunde in Not können darauf verweisen.

Jquery fasst das Problem zusammen, festzustellen, ob ein Kontrollkästchen aktiviert ist und wie es ausgewählt wird.

Kommen wir zum Punkt, oder wenn die Seite die folgenden Kontrollkästchen enthält:

<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">葡萄

Dann verwenden Sie Jquery, um eine Reihe von zu erhalten name=fruit Die Methode zum Überprüfen des Werts des Kontrollkästchens lautet wie folgt:

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;); 
}

Das Obige ist die Methode von jquery, um zu bestimmen, ob das Kontrollkästchen aktiviert ist . Ich hoffe, es wird für alle hilfreich sein. Weitere verwandte Tutorials finden Sie im jQuery-Video-Tutorial.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn