cari

Rumah >hujung hadapan web >tutorial js >Kaedah JavaScript untuk menentukan bilangan kotak pilihan yang dipilih dalam kemahiran form_javascript

Kaedah JavaScript untuk menentukan bilangan kotak pilihan yang dipilih dalam kemahiran form_javascript

WBOY
WBOYasal
2016-05-16 15:44:441397semak imbas

Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk menentukan bilangan kotak pilihan yang dipilih dalam borang. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

JavaScript digunakan di sini untuk mengesan dan menentukan bilangan kotak berbilang pilihan yang dipilih dalam bentuk, iaitu, berapa banyak kotak pilihan yang dipilih Pada masa lalu, soalan ini sering ditanya oleh forum utama, kerana pengesanan kotak pilihan tidak sebaik mengesan kotak input Ia adalah mudah, terutamanya menilai nombor yang sering ditemui, jadi saya rasa kod Js ini masih sangat berguna, jika anda berminat, anda boleh memperbaikinya.

Kesan operasi adalah seperti yang ditunjukkan di bawah:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-checkbox-chk-num-codes/

Kod khusus adalah seperti berikut: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>检测表单多选框的选择个数</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<script language="javascript">
<!--
function anyCheck(form) {
var total = 0;
var max = form.ckbox.length;
for (var idx = 0; idx < max; idx++) {
if (eval("document.playlist.ckbox[" + idx + "].checked") == true) {
  total += 1;
  }
}
alert("您选择了 " + total + " 个选项！");
}
//-->
</script>
<form method="post" name="playlist">
1<input type="checkbox" name="ckbox" value="1">
2<input type="checkbox" name="ckbox" value="2">
3<input type="checkbox" name="ckbox" value="3">
4<input type="checkbox" name="ckbox" value="4">
5<input type="checkbox" name="ckbox" value="5">
6<input type="checkbox" name="ckbox" value="6">
<br><input type="button" value="检测选择个数" onClick="anyCheck(this.form)">
</form>
</body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

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：tayangan slaid jQuery dengan lakaran kenit karusel kesan kod sharing_jqueryArtikel seterusnya：tayangan slaid jQuery dengan lakaran kenit karusel kesan kod sharing_jquery

Artikel berkaitan

Lihat lagi