直接上代码
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 ); } })