首页 > 网站 > WEB开发 > 正文

JS实现全选、不选、反选的代码及使用方法

2024-04-27 14:10:09
字体:
来源:转载
供稿:网友

JS实现全选、不选、反选的代码及使用方法

代码: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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表