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

2024-05-06 14:37:28

字体：大中小

来源：转载

供稿：网友

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

上一篇：JS随机生成不重复数据的实例方法

下一篇：offsetHeight在OnLoad中获取为0的现象