javascript - JQ复选框功能，点一次就不能用了

Question

<script>
    $(function(){
        //全选
        $("#CheckedAll").click(function() {
            $("input[name=items]").attr('checked', true);
        });

        //全不选
        $("#CheckedNo").click(function() {
            $("input[name=items]").attr('checked', false);
        });
    })
</script>

<form>
        你爱好的运动是？<br>
        <input type="checkbox" name="items" value="足球" />足球
        <input type="checkbox" name="items" value="篮球" />篮球
        <input type="checkbox" name="items" value="羽毛球" />羽毛球
        <input type="checkbox" name="items" value="乒乓球" />乒乓球<br>
        <input type="button" id="CheckedAll" value="全选">
        <input type="button" id="CheckedNo" value="全不选">
    </form>

全选和全部选的功能，点击一次就不能再用了，这是为什么，console也没有报错。

Answer 1

checkbox 只要有checked属性就一定是选中状态不管值是true或者false。

所以和是否支持attr并没有什么关系，支持attr你那种写法也是一直被选中的状态。

你可以选择移除checked属性添加checked属性来控制是否被选中，当然prop也不错。

Answer 2

正解，attr换成prop就可以了，是因为你的jq版本太高了，不支持使用attr了