当前位置:Gxlcms > JavaScript > 原生JS实现表单checkbook获取已选择的值

原生JS实现表单checkbook获取已选择的值

时间:2021-07-01 10:21:17 帮助过:6人阅读

从一个表单checkbox获取到已选中的数据值:
代码如下:

<input type="checkbox" name="cb" value="1" />aa
<input type="checkbox" name="cb" value="2" />bb
<input type="checkbox" name="cb" value="3" />cc
<input type="checkbox" name="cb" value="4" />dd
<br/>
<input type="button" value="提交" onclick="checkedValues()" />

采用原生JS写法:
代码如下:

function checkedValues(){
var arr=new Array();
var checkbox=document.getElementByName('cb');
for(var i=0;i<checkbox.length();i++){
if(checkbox[i].checked==true){
arr.push(checkbox[i].value);
alert(checkbox[i].value);
}
}
}

人气教程排行