原生JS获取页面全部的checkbox的方法
2017-08-10 20:49
330 查看
<body>
<div>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="text">
<input type="checkbox">
<input type="checkbox">
<input type="text">
</div>
</body>
<script>
var inp=document.getElementsByTagName('input');
var srr=[]; //空数组
function kk(){
for(var i=0;i<inp.length;i++){
if(inp[i].type=='checkbox'){//input的样式是checkbox时就添加到空数组中；
srr.push(inp[i])
}
};
console.log(srr);
}
kk();
</script>
<div>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="text">
<input type="checkbox">
<input type="checkbox">
<input type="text">
</div>
</body>
<script>
var inp=document.getElementsByTagName('input');
var srr=[]; //空数组
function kk(){
for(var i=0;i<inp.length;i++){
if(inp[i].type=='checkbox'){//input的样式是checkbox时就添加到空数组中；
srr.push(inp[i])
}
};
console.log(srr);
}
kk();
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- 原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
- 同一页面内JS获取HTML元素的八种方法
- js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
- 关于VS05里checkboxlist用JS获取不到value值的解决方法[转]
- JS获取当前页面URL的方法
- JS公共方法：全部反选，获取url指定的参数，取值保留两位小数...
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
- 如何用js得到当前页面的url信息方法(JS获取当前网址信息)
- 原生js检测页面加载完毕的方法
- js获取页面传来参数的方法
- JS实现点击按钮获取页面高度的方法
- 原生js获取css中class的方法
- 原生JS 购物车及购物页面的cookie使用方法
- 原生JS实现获取及修改CSS样式的方法
- 浏览器页面区域大小的js获取方法
- 原生js获取iframe中dom元素--父子页面相互获取对方dom元素
- JSF页面中使用js函数回调后台bean方法并获取返回值的方法
- 用js得到当前页面的url信息方法(JS获取当前网址信息)