<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<body>
<ul>
<li><input type="checkbox" name="che[]">员工</li>
<li><input type="checkbox" name="che[]">主管</li>
<li><input type="checkbox" name="che[]">经理</li>
<li><input type="checkbox" name="che[]">董事</li>
</ul>
<button>全选</button>
<button>反选</button>
<script type="text/javascript">
//全选
$('button:first').click(function(){
$('ul input').attr('checked',true);
});
$('button:last').click(function(){
// 获取所有被选中 input
var list = $('ul input:checked');
// 把所有的input 设置选中
$('ul input').attr('checked',true);
// 把选中 设置 false
list.attr('checked',false);
// for in... ==> $.each()
// $('ul li').each(function(i){
// if($('ul input:eq('+i+')').attr('checked')){
// $('ul input:eq('+i+')').attr('checked',false);
// }else{
// $('ul input:eq('+i+')').attr('checked',true);
// }
// })
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<body>
<ul>
<li><input type="checkbox" name="che[]">员工</li>
<li><input type="checkbox" name="che[]">主管</li>
<li><input type="checkbox" name="che[]">经理</li>
<li><input type="checkbox" name="che[]">董事</li>
</ul>
<button>全选</button>
<button>反选</button>
<script type="text/javascript">
//全选
$('button:first').click(function(){
$('ul input').attr('checked',true);
});
$('button:last').click(function(){
// 获取所有被选中 input
var list = $('ul input:checked');
// 把所有的input 设置选中
$('ul input').attr('checked',true);
// 把选中 设置 false
list.attr('checked',false);
// for in... ==> $.each()
// $('ul li').each(function(i){
// if($('ul input:eq('+i+')').attr('checked')){
// $('ul input:eq('+i+')').attr('checked',false);
// }else{
// $('ul input:eq('+i+')').attr('checked',true);
// }
// })
});
</script>
</body>
</html>