html:
<body>
name:<input type="checkbox" name="name"/><br />
name:<input type="checkbox" name="name"/><br />
name:<input type="checkbox" name="name"/><br />
name:<input type="checkbox" name="name"/><br />
name:<input type="checkbox" name="name"/><br />
name:<input type="checkbox" name="name"/><br />
<button>全選</button>
<button>全不選</button>
<button>反選</button>
</body>
jquery
<script src="js/jquery-3.1.1.js"></script>
<script>
$(function(){
$("button:eq(0)").click(function(){
$("input[type=checkbox]").each(function(index,item){
$(item).prop("checked","checked");
})
})
$("button:eq(1)").click(function(){
$("input[type=checkbox]").each(function(index,item){
$(item).prop("checked",false);
})
})
$("button:eq(2)").click(function(){
$("input[type=checkbox]").each(function(index,item){
if(item.checked){
$(item).prop("checked",false);
}else{
$(item).prop("checked","checked");
}
})
})
})
</script>