Linux実践講座

Linux実践講座

コンピュータを便利に使う tips などをメモ

--- 広告 ---
--- 広告 ---

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

読了までの目安時間:約 3分

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 ポストを使用して複数のチェック ボックスを渡す方法

--- 広告 ---
--- 広告 ---

 

この記事に関連する記事一覧


最近の投稿
 
%d人のブロガーが「いいね」をつけました。