選択済みのチェックボックスの値をjQueryを使って得るには、(1):checkedセレクタを使ってチェック済みの要素を選ぶ。(2)選択されている要素からvalueプロパティを使って選択されてvalue値を得る。
次のソースコードで試してみた。
<div class="check"> <input type="button" value="チェック"> </div> <div class="checkbox"> <input type="checkbox" value="りんご">りんご <input type="checkbox" value="いちご">いちご <input type="checkbox" value="ぶどう">ぶどう </div> <p id="result"></p> <script type="text/javascript"> $(function(){ $('.check :button').click(function(){ var result = '結果 '; var flag = null; $('#result').empty(); $('.checkbox :checkbox:checked').each(function(idx){ if(idx != 0){ result += ', ' ; } result += this.value; flag = true; }); if(flag) { $('#result').text(result); } }); }); </script>
サンプル
りんごいちごぶどう