前言：
当前看官们对“js复选框全选”大约比较珍视，朋友们都想要知道一些“js复选框全选”的相关文章。那么小编同时在网上汇集了一些关于“js复选框全选””的相关文章，希望朋友们能喜欢，同学们一起来学习一下吧！在上一篇的document.getElementsByName实现复选框的小分享中呢，有的盆友就提出了得用getElementsByTag。其实啊 这两个方法都是可以用的，都可以实现复选框的全选和全不选的功能，但是两者是截然不同的两组方法
前一个getElementsByName是根据标签的name属性来找对象的 它返回的是一组具有相同name属性的一组集合
后一个getElementsByTagName呢是根据标签名称来找对象的 它返回的同样是一组对象，但是这组对象呢是相同的一组标签的对象集合。
下面呢道哥就跟大家一起来看看getElementsByName的具体找对象的方法
<body>
全选<input type="checkbox" id="all"
onclick="checkAll()"/><br/>
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>
<br/>
</body>
<script type="text/javascript">
function checkAll()
{
//找参照物
var a = document.getElementById("all");
//找一组对象数组 找当前页面中的所有input标签
//注意 这里注意是所有的input标签
var obj = document.getElementsByTagName("input");
// 找到之后遍历对象数组 从1开始 因为要排除参照物
for(var i=1;i<obj.length;i++)
{
//利用type属性判断类别(找复选框)
if(obj[i].type=="checkbox")
{
obj[i].checked = a.checked;
}
}
}
</script>
标签： #js复选框全选
