<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="Scripts/jquery-3.2.1.min.js"></script>
<script>
//全选
$(function(){
$("#checkAll").click(function(){
$(":checkbox").attr("checked",true);
});
//全不选
$("#checkNo").click(function(){
$(":checkbox").attr("checked",false);
});
//反选
$("#reverse").click(function(){
$(":checkbox").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
});
//提交
$("#tijiao").click(function(){
$(":checkbox").attr("checked",true);
});
//全选/全不选
$("#allandno").click(function(){
$(":checkbox").attr("checked",true || false);
});
});
</script>
<body>
<form action="#" method="post">
请输入您的爱好!!!<br/>
<input type="button" id="allandno" value="全选/全不选"><br>
<input type="checkbox" name="check" value="足球"/>足球
<input type="checkbox" name="check" value="篮球"/>篮球
<input type="checkbox" name="check" value="游泳"/>游泳
<input type="checkbox" name="check" value="唱歌"/>唱歌<br>
<input type="button" id="checkAll" value="全选">
<input type="button" id="checkNo" value="全不选">
<input type="button" id="reverse" value="反选">
<input type="submit" id="tijiao" value="提交" />
</form>
</body>
</html>
