Kaedah JavaScript untuk mengesan dan mengehadkan bilangan kotak pilihan yang dipilih

PHPz
Lepaskan: 2018-09-29 11:20:02
asal
1226 orang telah melayarinya

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

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

Label berkaitan:
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