JS判断复选框是否选中及取出值例子代码演示,有朋友在刚开始利用表单提交数据的时候,一般都会遇到表单中有一个特别的元素——复选框,判断它是否选中以及获取它的值 ,好像跟其它的表单元素有点不一样,本代码将为您展示怎么样获得复选框的值并判断是否被选中。
效果图:
具体代码如下:
|
<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= "提交"
/> |