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


    直接上代码

    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 );
     }
    })
    

      

     

    日常所遇,随手而记。
  • 相关阅读:
    vue
    vue
    vue
    vue
    vue
    vue
    vue
    vue
    vue
    vue
  • 原文地址:https://www.cnblogs.com/zhihou/p/8037316.html
Copyright © 2020-2023  润新知