用jQuery做单选和全选效果

效果说明:点击所有的单选框后,全选框会选中,若还有一个没选,则全选消失!
具体代码如下:

$('$input[name="quanxuan"]').click(function(){
	if($(this)is(":checked")){
	  $('$input[name="dan"]').prop('checked',true);
	  $('$input[name="quanxuan"]').prop('checked',true);
	}else{
	  $('$input[name="dan"]').prop('checked',false);
	  $('$input[name="quanxuan"]').prop('checked',false);
	}
})
$('$input[name="dan"]').click(function(){
	var arr=$('$input[name="dan"]').length
	var arrC=$('$input[name="dan"]:checked').length
	if(arr==arrC){
	 $('$input[name="quanxuan"]').prop('checked',true);
	}else{
	  $('$input[name="quanxuan"]').prop('checked',false);
	}
})

prop()函数用于设置或返回当前jQuery对象所匹配的元素的属性值。

发布了6 篇原创文章 · 获赞 0 · 访问量 235

猜你喜欢

转载自blog.csdn.net/qq_43538389/article/details/104768730
今日推荐