選択済みのチェックボックスの値を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>
サンプル
りんごいちごぶどう