jq在checkbox中.attr()和.props()的区别

最新推荐文章于 2024-03-10 19:40:17 发布

原创最新推荐文章于 2024-03-10 19:40:17 发布 · 547 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

27 篇文章

订阅专栏

JavaScript

19 篇文章

订阅专栏

博客提到用户点击查看子选项后再全选，子选项失效，换操作后生效。由此猜想props属性设置优先级低于用户操作后的属性，而attr优先级更高，高于用户操作后的属性。

@TOC

			function checkAll(name){
				console.log($('input[name='+name+'All]'))
				$('input[name='+name+'All]').click(function(){
					var bool=$('input[name='+name+'All]').prop('checked')
					console.log(bool)
					console.log($('input[name='+name+']'))
					$('input[name='+name+']').attr('checked',bool)
				})
			}

$('input[name='+name+']').props('checked',bool)
在这里插入图片描述
当用户自己点击查看自选项后，再单击查看的全选，发现该子选项失效。
换做
$('input[name='+name+']').attr('checked',bool)
后生效
猜想props是属性设置优先级低于用户操作后的属性，而attr的优先级更高，高于用户操作后的属性