jquery獲取checkbox的值并post提交

字號:


    廢話不多說,直接奉上代碼:
    代碼如下:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script src=">
    </head>
    <body>
    <?php
    $data = $_POST['data'];
    $arr = json_decode($data);
    var_dump($arr);
    $a = array(1,2,3,4);
    foreach($a as $v){
    ?>
    <input type = "checkbox" name="checkbox" value="<?=$v?>">
    <?php
    }
    ?>
    <input type = "button" value="post">
    </body>
    <script>
    $('.but_delet_choice').click(function(){
    //獲取全選之外的checkbox
    var $check_boxes = $("input[name='checkbox']:checked");
    if($check_boxes.length<=0){
    alert('您未勾選,請勾選!');
    return;
    }
    var array = new Array();
    $check_boxes.each(function(){
    var array_push = new Array();
    array_push.push($(this).val());
    array_push.push(2);
    array.push(array_push);
    })
    $.post(
    'test1.php',
    {
    data : JSON.stringify(array)
    }
    );
    return false;
    });
    </script>
    </html>
    代碼如下:
    array(4) {
    [0]=>
    array(2) {
    [0]=>
    string(1) "1"
    [1]=>
    int(2)
    }
    [1]=>
    array(2) {
    [0]=>
    string(1) "2"
    [1]=>
    int(2)
    }
    [2]=>
    array(2) {
    [0]=>
    string(1) "3"
    [1]=>
    int(2)
    }
    [3]=>
    array(2) {
    [0]=>
    string(1) "4"
    [1]=>
    int(2)
    }
    }
    這里僅僅是簡單實現(xiàn)下,給大家一個參考,小伙伴們可以自由擴展。