2014年4月9日水曜日

選択されているチェックボックスの値をカンマ区切りで取得したくて、簡単な方法がないか調べてみました。
行数も少なく比較的簡単に出来たのでメモしときます。
HTMLのソース
得意な言語は?
Java
PHP
Perl
Ruby


チェックボックスを羅列しているだけです。
JavaScriptのソース
$(document).on("click", "[name='bt']", function(e) {
var arr = new Array();
$('[id="check"]:checked').each(function(){
arr.push($(this).val());
});
alert(arr.join(","));
});

チェックボックスのチェック状態がONのものが取得できるループの中で、
value値の値を配列に追加していきます。

$('[id="check"]:checked').each(function(){
arr.push($(this).val());
});

ループを抜けた後、配列の全ての要素をカンマで繋いで文字列にしています。
JavaScript Array.joinメソッド⇒ Array.join - JavaScript | MDN
alert(arr.join(","));

デモはこちら


0 コメント:

コメントを投稿

要望&問い合わせ

名前

メール *

メッセージ *