Question

jquery 点击事件前两次有效,之后点击无效是什么原因?

我想用jquery实现这个选择产品的功能：

于是我写了下面的jquery代码：
产品id选框：<input type="checkbox" name='choose_all'>，
下面的子选框：<input type="checkbox" name='choose[]' class='id_select' >
<script type='text/javascript'>
$("input[name=choose_all]").click(function(){
if($(this).is(':checked')){
$(".id_select").attr("checked",'true');
}else{
$(".id_select").attr("checked",false);
}
});
</script>
第一次点击和第二次点击有效，第三次点击就无效了，一直无效，刷新又只有前两次有效，什么原因？

Answer 1

把attr换成prop

追问

太感谢了，为什么改成prop就有效了呢》？

追答

1.6版本特意针对类似问题增加的prop方法，就是用来处理checkbox／selected／disabled这些的。

Answer 2

$("input[name=choose_all]").click(function(){
if($(this).is(':checked')){
$(".id_select").attr("checked",'checked');
}else{
$(".id_select").removeAttr("checked");
}
});