全选和不选在同一个按钮上

直接上代码

html部分
<form>
   你爱好的运动是？<input type="checkbox" id="CheckedAll" />全选/全不选<br/>
    <input type="checkbox" name="items" value="足球"/>足球
	<input type="checkbox" name="items" value="篮球"/>篮球
	<input type="checkbox" name="items" value="羽毛球"/>羽毛球
	<input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/>
	<input type="button" id="send" value="提　交"/> 
</form>

jquery部分、
//全选
$("#CheckedAll").click(function(){
	//如果是选中状态
	if(this.checked){
		//让所有的按钮全部选中
		$('input[type=checkbox][name=items]').attr("checked",true);
	}else{
		//否则相反
		$('input[type=checkbox][name=items]').attr("checked",false);
	}
})
//判断下面按钮点击的时候
$('input[type=checkbox][name=items]').click(function(){
	//flag=true表示下面所有按钮都选中
	var flag=true;
	//判断如果有按钮没有选中则让flag值为false
	$('input[type=checkbox][name=items]').each(function(){
		if(!this.checked){
			flag=false;
		}
	})
	if( flag ){
	 $('#CheckedAll').attr('checked', true );
 }else{
	 $('#CheckedAll').attr('checked', false );
 }
})

　　

　

转载于:https://www.cnblogs.com/zhihou/p/8037316.html