温故知新 linux実践講座

温故知新 linux実践講座

温故知新。linuxを使いこなしてみよう。

ホーム » スクリプト入門 » checkboxの値を取得して配列に格納する jQuery

— 広告 —


— 広告 —

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

所要時間 約 3分

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

<html>
<head>
<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="test011.js"></script>
</head>
<body>
<div align="center">Checkbox test
<br>
<form id="form" method="post">
<input type="checkbox" name="day[]" value="1"> 月曜
<input type="checkbox" name="day[]" value="2"> 火曜
<input type="checkbox" name="day[]" value="3"> 水曜
<input type="checkbox" name="day[]" value="4"> 木曜
<input type="checkbox" name="day[]" value="5"> 金曜
<input type="checkbox" name="day[]" value="6"> 土曜
<input type="checkbox" name="day[]" value="7"> 日曜
 
 
<input type="submit" name="submit" value="send">
</form>
</div>
</body>
</html>

 
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

<?php
if ( isset($_POST['mydays'])) {
        echo "CheckBox\n";
        foreach( $_POST['mydays'] as $atai) {
                echo htmlspecialchars($atai) . "が選択されました。\n";
        }
}
print "jQuery CheckBox のテスト\n";
?>

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

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

 

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

アフィリエイトで稼ぐ
プロフィール

ぴよふぁくとりぃです。

職業は自宅でサーバ管理、資格は薬剤師です。
趣味も職業もパソコンラブです。
よろしくね。
連絡先: admin@arakanoj.com
URL: http://piyofactory.com

検索
人気ページ
東京電力予想最大電力(万kW)
twitter
使い方を知れば知るほど楽しく使える Linux。
Linux の基本を覚えてもっともっと楽しいコンピュータの使い方を身につけましょう。