复选框数据请求到后台

html 基本

<form action="test.php" method="post" id="form1">
    <label><input id="all" type="checkbox" value="" onclick="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);
        }
    })
})