jquery 版本2.0.0 使用attr修改checked 不行有bug 需要使用prop

a_gust_wind

于 2021-07-02 16:25:16 发布

阅读量143

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/a_gust_wind/article/details/118418553

版权

jquery 专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
  <style>
a { display: inline-block; }
  </style>
  <script src="./jquery-2.0.0.js"></script>
</head>
<body>
 

 羽毛球<input class="box1" type="checkbox" name="aihao1" id="yumao" value="yumao" />
 平棒球<input type="checkbox" name="aihao2" id="" value="pinbang" />
 篮球<input type="checkbox" name="aihao3" id="" value="lanqiu" /><br>
 <input type="radio" name="sel" id="se" value="se" />全选</br>
 <input type="radio" name="sel" id="se1" value="f" />反选
<script>
let a = $(':radio:first');
let yumao = $('#yumao');
console.log(yumao.prop('checked'))
console.log(yumao)
a.click(function(){
	$(':checkbox').attr('checked',true);
	// $(':checkbox').prop('checked','true');
	console.log(yumao)
})
let b = $(':radio:last');
b.click(function(){
	$(':checkbox').attr('checked',false);
	console.log(yumao)
})

</script>
 
</body>
</html>