javascript的全选按钮

最新推荐文章于 2023-11-21 15:42:31 发布

转载最新推荐文章于 2023-11-21 15:42:31 发布 · 151 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mzhnuaa/p/6000754.html

文章标签：

#javascript #ViewUI

本文介绍了一段用于批量操作网页中所有多选框的JavaScript代码，通过一个复选框控制页面上所有多选框的选择状态。此方法适用于需要进行统一管理的多选框场景。

<script>
    function checkAll()  
    { 
        var a = document.getElementsByTagName("input");
        if(document.getElementById("cheall").checked){
            for(var i = 0;i<a.length;i++){
                if(a[i].type == "checkbox") a[i].checked = true;
            }
        }
        else{
            for(var i = 0;i<a.length;i++){
                if(a[i].type == "checkbox") a[i].checked = false;
            }
        }
    }
</script>