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
Freigeben: 2018-09-28 16:59:24
Original
1258 Leute haben es durchsucht

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">葡萄
Nach dem Login kopieren

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;); 
}
Nach dem Login kopieren

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.

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage