主页 M

jQuery实现复选框全选和全不选

2020-01-28 网页编程网 网页编程网
<script>    
    // 复选框的全选和全不选
    $(function() {
        // 获得上面的复选框
        var $selectAll = $("#selectAll");
        // alert($selectAll.prop("checked")); // 返回undefined未定义
        $selectAll.click(function() {
            // alert($selectAll.prop("checked"));
            if ($selectAll.prop("checked") == true) {
                // 上面的复选框已被选中
                $(":checkbox[name='ids']").prop("checked", true);
            } else {
                // 上面的复选框没被选中
                $(":checkbox[name='ids']").prop("checked", false);
            }
        });
    });
</script>
//简洁代码,功能一样
<script>    
    // 复选框的全选和全不选
    $(function() {
        $("#selectAll").click(function() {
            $(":checkbox[name='ids']").prop("checked", this.checked); // this指代的你当前选择的这个元素的JS对象
        });
    });
</script>
阅读原文
阅读 3548
123 显示电脑版