html 基本
<form action="test.php" method="post" id="form1">
<label><input id="all" type="checkbox" value="" οnclick="DoCheck()" />全选</label>
您喜欢的水果?<br /><br />
<label><input name="Fruit[]" type="checkbox" value="1" />苹果 </label>
<label><input name="Fruit[]" type="checkbox" value="2" />桃子 </label>
<label><input name="Fruit[]" type="checkbox" value="3" />香蕉 </label>
<label><input name="Fruit[]" type="checkbox" value="4" />梨 </label>
<button id="btn" type="submit">提交</button>
</form>
选中状态
<script type="text/javascript">
var ch=document.getElementsByName("Fruit[]");
function DoCheck(){
if(document.getElementById("all").checked==true){
for(var i=0;i<ch.length;i++){
ch[i].checked=true;
// temp.push(ch[i]);
}
}else{
for(var i=0;i<ch.length;i++){
ch[i].checked=false;
}
}
// console.log(temp);
}
传值过程
$("#btn").click(function(){
var params = $("input[name='Fruit[]']:checked").serialize();
console.log(params);
$.ajax({
url:"test.php",
type:"post",
data:params,
success:function(){
alert(1);
}
})
})