「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(");
}

});
});

Software

Posted by arkgame