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
Lepaskan: 2016-05-16 15:36:23
asal
1845 orang telah melayarinya

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" />葡萄 
Salin selepas log masuk

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> 
Salin selepas log masuk

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

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan