<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="js/jquery-1.10.2.min.js" ></script>
<body>
<input type="checkbox" name="" id="selAll" />全选
<input type="checkbox" name="" id="resSel" />反选
<br />
<input type="checkbox" name="test" value="Test1"/>Test1
<input type="checkbox" name="test" value="Test2"/>Test2
<input type="checkbox" name="test" value="Test3"/>Test3
<input type="checkbox" name="test" value="Test4"/>Test4
<input type="checkbox" name="test" value="Test5"/>Test5
<button id="btn">提交</button>
</body>
<script type="application/javascript">
$(function(){
$("#btn").click(function(){
var arr = new Array();
$("input[name='test']:checked").each(function(){
arr.push($(this).val());
});
if(arr != null){
for(var i = 0; i < arr.length; i++){
alert(arr[i]);
}
}
});
$("#selAll").click(function(){
var flag = $(this).is(":checked");
//var flag = $("#selAll").prop("checked");
//prop可用来设置属性
$("input[name='test']").prop("checked",flag);
});
$("#resSel").click(function(){
$("input[name='test']").each(function(){
var flag = $(this).is(":checked");
$(this).prop("checked",!flag);
});
});
})
</script>
</html>