原生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);
}
}
}
复制代码 代码如下:
<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);
}
}
}
上一篇:探讨:JavaScript ECAMScript5 新特性之get/set访问器
栏 目:JavaScript代码
下一篇:微信小程序自定义toast实现方法详解【附demo源码下载】
本文地址:http://www.codeinn.net/misctech/7982.html