チップス

checkboxの値を取得して配列に格納する jQuery


jQueryダウンロードのページからjQuery の最新版をダウンロードします。
 
wk
 
test.html







Checkbox test
月曜 火曜 水曜 木曜 金曜 土曜 日曜

 
test011.js

$(function() {
    $("#form").submit(function() {
        var mydays= new Array();
        $("[name='day[]']:checked").each(function() {
                mydays.push(this.value);
        });

        $.ajax({
                type: "POST",
                url: "test012.php",
                data: {
                        "mydays":mydays
                },
                success: function(data){
                        if(data != '') {
                                alert(data);
                        }
                }
        });
        return false; // submitイベントハンドラに false を返し、action処理をキャンセル
    });
});

 
test012.php

jQueryのAjaxを使って複数選択されたチェックボックスの値をPOSTする方法メモ
JQuery ajax ポストを使用して複数のチェック ボックスを渡す方法


   チップス