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

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lianchangshuai/article/details/24189593

今天在使用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>

 

展开阅读全文

没有更多推荐了,返回首页