Rumah >hujung hadapan web >tutorial js >Bagaimana untuk menentukan sama ada kotak semak dipilih dalam kemahiran javascript_javascript

Bagaimana untuk menentukan sama ada kotak semak dipilih dalam kemahiran javascript_javascript

WBOY
WBOYasal
2016-05-16 15:36:231849semak imbas

Sebelum ini saya meringkaskan isu tentang cara jquery menentukan sama ada kotak semak dipilih Hari ini saya meringkaskan cara untuk menentukan sama ada kotak semak js dipilih
JavaScript menentukan sama ada kotak pilihan dipilih Berikut ialah contoh (kini terdapat satu set kotak pilihan seperti 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" />葡萄 

Kaedah untuk mendapatkan nilai set kotak semak dengan nama=buah adalah seperti berikut:

<script language="javascript"> 
function checkbox(){ 
  var str=document.getElementsByName('fruit'); 
  var strstrLen=str.length; 
  var checkVal=''; 
  for (i=0;i<strLen;i++){ 
    if(str[i].checked==true){ 
      checkVal+=str[i].value+','; 
    } 
  } 
  if(checkVal==''){ 
    alert("请先选择复选框~!"); 
  }else{ 
    alert("复选框的值是:"+checkVal); 
  } 
} 
</script> 

Gabungkannya dengan "Kaedah JQuery untuk menentukan sama ada kotak semak dipilih" dan belajar bersama, anda pasti akan mendapat keuntungan yang tidak dijangka!

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