代码:
function checkall(checkNames){
var allBoxs = document.getElementsByName(checkNames);
for(var i = 0 ;i<allBoxs.length;i++){
if(allBoxs[i].type == 'checkbox'){
if(allBoxs[i].checked==false){
allBoxs[i].checked = true ;
}else{
allBoxs[i].checked = false ;
}
}
}
}
使用方法①
复制代码 代码如下:
<a href="" onclick="checkall('goods')">全选</a>
注意:'goods'是所有需要选中的checkbox的name
使用方法②
<a href="" id="checkAll">全选</a>
<script>
document.getElementById('checkAll').onclick = function () {
checkall('goods')
};
</script>
注意:'goods'是所有需要选中的checkbox的name
以上2种方法就是本文给大家总结的全部内容了,希望大家能够喜欢,如有更好的方法,也请小伙伴们告之,本文持续更新。
最后
以上就是冷傲口红最近收集整理的关于javascript实现checkbox全选的代码的全部内容,更多相关javascript实现checkbox全选内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复