Jquery实现checkbox的全选、反选功能代码

时间:2021-09-09 10:04:11

1、引入Jquery的js

2、添加js

<script type="text/javascript" language="javascript">
        $(document).ready(function() {
                //全选
                $("#checkAll").click(function() {
                    if(!$(this).attr("checked")) {
                        $("input[@type='checkbox']").each(function() {
                                $(this).attr("checked", false);
                        });
                    }
                    else {
                        $("input[@type='checkbox']").each(function() {
                                $(this).attr("checked", true);
                        });
                    }
                });
            });
    </script>

3、
checkAll是指全选的按钮的ID