javascript

位置:IT落伍者 >> javascript >> 浏览文章

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


发布日期:2022年03月11日
 
原生JS实现表单checkbook获取已选择的值
本文为大家介绍下采用原生JS实现从一个表单checkbox获取到已选中的数据值具体的实现如下感兴趣的朋友可以参考下哈希望对大家有所帮助

从一个表单checkbox获取到已选中的数据值

复制代码 代码如下:
<input type="checkbox" name="cb" value="" />aa
<input type="checkbox" name="cb" value="" />bb
<input type="checkbox" name="cb" value="" />cc
<input type="checkbox" name="cb" value="" />dd
<br/>
<input type="button" value="提交" onclick="checkedValues()" />


采用原生JS写法

复制代码 代码如下:


function checkedValues(){
var arr=new Array();
var checkbox=documentgetElementByName(cb);
for(var i=;i<checkboxlength();i++){
if(checkbox[i]checked==true){
arrpush(checkbox[i]value);
alert(checkbox[i]value);
}
}
}

               

上一篇:js实现json数据行到列的转换

下一篇:JS判断网页是否在iframe或frame中