Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menentukan sama ada kotak semak dipilih menggunakan jquery

Bagaimana untuk menentukan sama ada kotak semak dipilih menggunakan jquery

PHPz
PHPzasal
2016-05-16 15:36:241244semak imbas

Artikel ini terutamanya memperkenalkan kaedah jquery untuk menentukan sama ada kotak semak dipilih Rakan yang memerlukan boleh merujuknya.

Jquery meringkaskan masalah menentukan sama ada kotak semak dipilih dan cara memilihnya.

Mari kita ke intinya, atau apabila halaman mempunyai set kotak semak berikut:

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

Kemudian gunakan Jquery untuk mendapatkan satu set name=fruit Kaedah menyemak nilai kotak semak adalah seperti berikut:

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

Di atas adalah kaedah jquery untuk menentukan sama ada kotak semak dipilih . Saya harap ia akan membantu kajian semua orang. Itu sahaja kandungan bab ini untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video jQuery!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn