「jQuery入門」チェックボックスのvalue値を取得する
1.htmlコード
<p><input type="checkbox" name="confirm" value="test data">取得</p>
<!–結果出力用–>
<p id="outMsg"></p>
2.jQueryコード
$(function() {
// チェックボックスをチェックしたら発動
$('input[name="confirm"]’).change(function() {
// チェックが入ったら
if ($(this).prop('checked’)) {
// value値を出力
$('#outMsg’).text($(this).val());
} else {
// テキストをリセット
$('#outMsg’).text(");
}
});
});