当前位置:主页 >> JavaScript >> 正文
jQuery实现复选框全选和全不选
阅读:77 输入:2020-01-28 21:49:22
<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>