主页 > 教程合集 > Html/css >

JS全选/全不选Checkbox函数

时间:2022-03-17 阅读:0

HTML代码:


<form name="form1" method="post" action="" onsubmit="return anyChecked()">
全选:
<input type="checkbox" id="checkAll" onclick="checkall()">
多项选择框列表:
<input type="checkbox" name="cb" value="1">
<input type="checkbox" name="cb" value="2">
<input type="checkbox" name="cb" value="3">
<input name="Submit" type="submit" value="submit">
</form>
 

JS全选/全不选Checkbox函数

JS代码:


//全选或全部不选
function checkall() {
        var isChecked=(document.form1.checkAll.checked == true);
        var elements_all=document.form1.elements;
        for(i=0;i<elements_all.length;i++) {
                var element=elements_all[i];
                if(element.type=="checkbox") {
                        element.checked=isChecked;
                }
        }
}
 
//是否有checkbox被选中
function anyChecked() {
        var elements_any=document.form1.elements;
        for(i=0;i<elements_any.length;i++) {
                var element=elements_any[i];
                if(element.checked == true) {
                        return true;
                }
        }
        return false;
}
 

开通特权,即可免费下载全站所有千余TB网络资源,点击 >>> 资源目录 查看所有资源,覆盖音乐、影视、有声书、电子书、漫画、动漫、课程等,不限时间次数,永久免费,点击 >>> 特权详情 了解更多!

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2022-03-17最后更新,转载注明出处。

相关推荐

返回顶部