Rumah > Artikel > hujung hadapan web > Kaedah JavaScript mudah untuk menentukan sama ada kotak semak dipilih dan mendapatkan kemahiran value_javascript
Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk menentukan sama ada kotak semak dipilih dan mengekstrak nilainya. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
JavaScript digunakan di sini untuk mendapatkan nilai kotak semak Apabila rakan mula menggunakan borang untuk menyerahkan data, mereka biasanya menghadapi elemen khas dalam borang - kotak semak, untuk menentukan sama ada ia dipilih dan untuk mendapatkannya. nilai. Nilai nampaknya berbeza sedikit daripada elemen bentuk lain Kod ini akan menunjukkan kepada anda cara mendapatkan nilai kotak semak dan menentukan sama ada ia dipilih.
Kesan operasi adalah seperti yang ditunjukkan di bawah:
Kod khusus adalah seperti berikut:
<title>JavaScript 获取复选框的值</title> <script> function checkbox() { var str=document.getElementsByName("box"); var objarray=str.length; var chestr=""; for (i=0;i<objarray;i++) { if(str[i].checked == true) { chestr+=str[i].value+","; } } if(chestr == "") { alert("请先选择复选框~!"); } else { alert("复选框的值是:"+chestr); } } </script> 选择您的拿手技术: <input type="checkbox" name="box" id="box1" value="ASP" />ASP <input type="checkbox" name="box" id="box2" value="PHP" />PHP <input type="checkbox" name="box" id="box3" value="JSP" />JSP <input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.