全选/反选
<!DOCTYPE html>
<html>
<head><title></title><script type="text/javascript" src='jquery-1.12.4.js'></script>
</head>
<body><input type="checkbox" name="checkAll_a">全選a<input type="checkbox" name="check_a">a1<input type="checkbox" name="check_a">a2<input type="checkbox" name="check_a">a3<br><input type="checkbox" name="checkAll_b">全選b<input type="checkbox" name="check_b">b1<input type="checkbox" name="check_b">b2<input type="checkbox" name="check_b">b3<script type="text/javascript" language="javascript"> $(document).on('click','input[name^=checkAll_]',function(){var name = $(this).attr('name').split('checkAll_')[1];var state = $(this).prop('checked');$('input[name=check_'+name+']').prop('checked',state);});$(document).on('click','input[name^=check_]',function(){var name = $(this).attr('name').split('check_')[1];var len = $('input[name=check_'+name+']:checked').length;if(len >= $('input[name=check_'+name+']').length){console.log(true);$('input[name=checkAll_'+name+']').prop('checked',true);}else{console.log(false);$('input[name=checkAll_'+name+']').prop('checked',false);}});</script>
</body>
</html>
總結(jié)
- 上一篇： input框placeholder样式修
- 下一篇： Python笔记-置信区间含义及运算