jquery一键控制checkbox全选、反选或全不选
jqueryattr()方法获取标签的checked会有问题,所以用了prop()方法。
Hml的checkbox没有加name,只用了div嵌套。
如有更好的方法,望指点!!
//全选 $('#allChecked').change(function(){ $('#box').children(':checkbox').prop('checked',$(this).is(':checked')?true:false); });
//反选 $('#invertChecked').change(function(){ if($(this).is(':checked')){ $('#box').children(':checkbox').each(function(){ $(this).prop('checked',$(this).is(':checked')?false:true); }); } });
//一键控制全选、反选、全不选 $('#orChecked').change(function(){ if($(this).is(':checked')){ varbox=$('#box').children(':checkbox'); if(box.length==box.filter(':not(:checked)').length){//复选框长度和没选中的个数一样->全选,.not(':checked').length也可以。 $('#box').children(':checkbox').prop('checked',true); }else{//如果有选中个数,->反选 $('#box').children(':checkbox').each(function(){ $(this).prop('checked',$(this).is(':checked')?false:true); }); }else{ $('#box').children(':checkbox').prop('checked',false);//如控制键取消选中,剩余的checkbox也取消选中 } });
西瓜 芒果 橙 山竹 草莓 火龙果
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。