代码:
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全选
js实现checkbox全选、checkbox实现全选反选、jq实现checkbox全选、checkbox实现全选、vue实现checkbox全选,以便于您获取更多的相关知识。
时间: 2024-09-21 11:25:35