全选checkbox只能执行一次的问题

现象：第一次运行，点select all那个checkbox，可以全选，再点一次，也可以全部取消。但是，之后不管怎样点击，都没有用了……

<script type="text/javascript" src="jquery.js"></script>
Jquery ver:v1.11.0<br />
<input type="checkbox" id="selectAll_top" />select all<br />
<input type="checkbox" name="sel" class="combinedPay" />1<br />
<input type="checkbox" name="sel" class="combinedPay" />2<br />
<input type="checkbox" name="sel" class="combinedPay" />3<br />


<script type="text/javascript">
	$("#selectAll_top").click(function(){
		if($("#selectAll_top").prop('checked')){
			$("#selectAll_end").attr("checked",true);
			$(".combinedPay").attr("checked",true);
		}else{
			$("#selectAll_end").attr("checked",false);
			$(".combinedPay").attr("checked",false);
		}
	});
</script>

解决方法：

把attr，都改成prop试试。
jquery有的版本是存在这个问题的，
主要是属性值和状态值的问题。

可以参考一下我的博客：jquery中attr方法和prop方法的区别，这个里面主要是它的功能，js原生操作HTML对象的属性区别，这个里面，你应该能了解一下，出现这个问题的原因。