cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JavaScript untuk mengesan dan mengehadkan bilangan kotak pilihan yang dipilih

Kaedah JavaScript untuk mengesan dan mengehadkan bilangan kotak pilihan yang dipilih

PHPz
PHPzasal
2016-05-16 15:45:431226semak imbas

Artikel ini terutamanya memperkenalkan kaedah menggunakan JavaScript untuk mengesan dan mengehadkan bilangan kotak semak yang dipilih Ia melibatkan teknik yang berkaitan dengan penilaian dan pengendalian kotak semak dalam JavaScript. Rakan yang memerlukannya boleh rujuk kepadanya. Butirannya adalah seperti berikut:

Di sini, JavaScript digunakan untuk menentukan sama ada kotak semak dipilih, dan pada masa yang sama, ia boleh mengehadkan bilangan kotak semak yang dipilih contoh penilaian bentuk JS yang praktikal Sama ada kotak semak dipilih telah membingungkan ramai orang sekarang, kod ini membantu anda menyelesaikan masalah.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Kod khusus adalah seperti berikut: 

<html>
<head>
<title>判断复选框中否选中</title>
<script>
var check_num = 0;
function check(){ 
 if(event.srcElement.checked==true)
  check_num++;
 else 
  check_num--;   
 if(check_num>3)
 {
  alert("最多只能选3个！");
  event.srcElement.checked=false;
  check_num--;
 }  
}
</script>
</head>
<body>
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<br>
你只能选择3个复选框。
</body>
</html>

Di atas ialah keseluruhan kandungan bab ini, lebih banyak tutorial berkaitan Sila lawati Tutorial Video JavaScript!

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
Artikel sebelumnya：Kod Jquery untuk mencapai kesan karusel imej (1)_kemahiran javascriptArtikel seterusnya：Kod Jquery untuk mencapai kesan karusel imej (1)_kemahiran javascript

Artikel berkaitan

Lihat lagi