【jQuery】クリックしたチェックボックスの状態を調べる。

前もやった気がするけど忘れてるのでメモ。

<input type="checkbox" id="check" name="check" value="1" />

例えば上記のようなチェックボックスをクリックした際、自分自身の状態を取得したい場合は下記のような感じでブーリアンを取得することができる。

$(function(){
	$('#check').click(function(){
		var bool = $(this).prop('checked');
		console.log(bool);
	})
})

[console]
※クリックする度に↓
true
false
true
false
true
false
true

prop()の第1引数に「checked」、第2引数に「true」を渡せばチェックが付き、第2引数に「false」を渡せばチェックをはずすことが出来る。

// チェックが付く
$('#check').prop('checked', true);

// チェックが外れる
$('#check').prop('checked', false);

結構使うからいい加減覚えようね、俺。