当前位置:主页 > 网页前端 > JavaScript代码 >

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

时间:2020-10-07 14:26:46 | 栏目:JavaScript代码 | 点击:

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

您可能感兴趣的文章:

相关文章