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

159 阅读 0 评论 105 点赞

我是靠谱客的博主害怕高山，这篇文章主要介绍原生JS实现表单checkbook获取已选择的值，现在分享给大家，希望可以做个参考。

从一个表单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); 
} 
} 
} 