代码:function checkAll(optionName){ var allOptions = document.getElementsByName(optionName); for(var i = 0 ;i<allOptions.length;i++){ if(allOptions[i].type == 'checkbox'){ if(allOptions[i].checked==false){ allOptions[i].checked = true ; }else{ allOptions[i].checked = false ; } } }}使用方法①引用上述代码后,在全选按钮上加入onclick事件,并传入参数,参数就是需要选中的所有的checkbox的name(请将他们的name统一);
<input type="checkbox" onclick="checkAll('goods')">全选</input>注意:'goods'是所有需要选中的checkbox的name使用方法②为全选按钮加上id=“checkAll”后,复制引用下方的js代码即可。(id可以自定义,自定义后修改下方js中对应的id名即可)
<input type="checkbox" id="checkAll">全选</input>
<script>
document.getElementById('checkAll').onclick = function () {
checkAll('goods')};</script>
注:'goods'是所有需要选中的checkbox的name
新闻热点
疑难解答