Question

jquery checkbox 全选反选代码只能执行一遍，第二次就失败

$(".chooseall").click(function(){
if($(".chooseall").attr("checked") == "checked"){
$("input[name='checkbox1']").removeAttr("checked","checked");
console.log(1);
}else{
$("input[name='checkbox1']").attr("checked","checked");
console.log(2);
}
});
上面的这个代码第一次点击和第二次点击，能实现全选和反选功能，但一遍之后就不再起作用，这是什么情况啊

除了第一个checkbox之外，其余的都是ajax动态生成的，跟这个有关系么？console.log每次点击的都能交替输出1和2，但就是中间的代码不能执行。

Answer 1

removeAttr参数只需要一个，removeAttr("checked")

不过建议替换成

$(".chooseall").click(function(){
    if($(".chooseall").prop("checked") == true){
        $("input[name='checkbox1']").prop("checked", false);
        console.log(1);
    }else{
        $("input[name='checkbox1']").prop("checked", false);
        console.log(2);
    }
});

或者更简洁的，

$(".chooseall").click(function(){
    var isChecked = $(this).prop("checked");
    $("input[name='checkbox1']").prop("checked", isChecked);
});

Answer 2

我也不知道为什么，看了demo 行内确实是动态checked="checked"的添加删除；我能分析到的就是prop返回的是布尔值，而attr一个参数有属性则返回属性，没有则返回undefined。