JS 全选

最新推荐文章于 2025-08-01 15:23:39 发布

原创最新推荐文章于 2025-08-01 15:23:39 发布 · 686 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用 JavaScript 实现的功能：为页面上的所有复选框绑定点击事件，并确保当任何一个复选框被点击时，可以同步改变其它指定复选框的状态。此功能适用于简化用户操作流程及提高表单填写效率。

<script type="text/javascript">
    function bind(obj, type, fn){
        if (obj.addEventListener) {
            obj.addEventListener(type, fn, false);
        }
        else {
            obj.attachEvent("on" + type, function(e){
                fn.call(obj, e);
            })
        }
    }
    
    function getCheckBox(){
        var allNodes = document.getElementsByTagName("*");
        var checks = new Array();
        for (var i = 0; i < allNodes.length; i++) {
            if (allNodes[i].type == "checkbox") {
                checks.push(allNodes[i]);
            }
        }
        return checks;
    }
    
    function addListener(){
        var checks = getCheckBox();
        for (var i = 0; i < checks.length; i++) {
            bind(checks[i], "click", changeChecked);
        };
    }
    
    function changeChecked(){
        var checks = getCheckBox();
        for (var i = 0; i < checks.length; i++) {
            if (checks[0] != this) {
                checks[0].checked = false;  break;
            }
            else {
                checks[i].checked = checks[0].checked;
            }
        };
    }
    
    addListener();
</script>