您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

本文为大家介绍下采用原生JS实现从一个表单checkbox获取到已选中的数据值,具体的实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助  

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