使用jQuery1.10时复选框全选/取消全选的问题

今天在使用jQuery1.10实现网页复选框全选和取消全选时遇到了如下问题,

使用jQuery的attr方法获取和设置复选框的"checked"属性,发现第一次全选/取消全选有效,之后就无效了,但查看html源文件,复选框属性确实已经被更新了,就是UI没有更新,问题代码如下:

 

<script type="text/javascript">
$(function(){
	$('input[level=1]').click(function(){
		$(this).is(":checked")?inputs.attr("checked",true):inputs.attr("checked",false);
	});
});
</script>


查询了之后,发现不能使用attr方法,应使用prop方法,参与http://www.3lian.com/edu/2014/03-28/137443.html

正确代码如下:

<script type="text/javascript">
$(function(){
	$('input[level=1]').click(function(){
		$(this).is(":checked")?inputs.prop("checked",true):inputs.prop("checked",false);
	});
});
</script>

 

posted @ 2014-04-20 18:26  liancs  阅读(162)  评论(0编辑  收藏  举报