以下は、チェックボックスをクリックするたびに選択された値を全て取得する処理です。
<script type="text/javascript">
//チェックされている値の取得「1,2」で取得します
function GetVals(){
var AllVals = new Array;
$("input[name=color_id]:checked").map(function() {
AllVals.push($(this).val());
});
alert(AllVals);
}
$(function(){
$("input[name=color_id]").click(function() {
GetVals();
});
});
</script>
<input type="checkbox" name="color_id" value="1" />赤
<input type="checkbox" name="color_id" value="2" />黒
分かる方がいましたら、教えていただけないでしょうか?
よろしくお願い致します。
http://jsfiddle.net/cherenkov/Gby9V/
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> function GetVals(){ var AllVals = $('input[name="color_id"]:checked').map(function() { return this.value; }); AllVals = $.makeArray(AllVals).join('|'); return AllVals; } $(function(){ $('input[name="color_id"]').change(function() { alert(GetVals()); }); }); </script> </head> <body> <input type="checkbox" name="color_id" value="1" />赤 <input type="checkbox" name="color_id" value="2" />黒 </body> </html>
共同作成者の「ぱんたまさん」も同じような質問をしていたようで、混乱させてしまい申し訳ございませんでした。
2012/04/26 12:41:49おかげさまで、思い通りの動作をすることができました。
あとは、取得した「'http://localhost/eigazuki/results/title:/time:0~300/country_id:' + categoryId + '/genre_id:' + serviceId;」のファイルを読み込むだけですので、頑張ります!
ほんとうにありがとうございます!