Tweet

Pocket

チェックボックス、ラジオボタンのチェックが入ったとき、外れたときにイベントを発動させる方法。

JQuery

$(function(){
	// チェックボックスにチェックが入っているかチェック
	$('input[type="checkbox"]').on('click', function() {
		if($(this).prop('checked') == true){
			// チェックが入っている場合の処理
		}
		else {
			// チェックが入っていない場合の処理
		}
	});

	// ラジオボタンにチェックが入っているかチェック
	$('input[type="radio"]').on('click', function() {
		if($(this).prop('checked') == true){
			// チェックが入っている場合の処理
		}
		else {
			// チェックが入っていない場合の処理
		}
	});
	
	// ページ内のチェックボックス全てにチェックが入っていない場合の処理
	$('input[type="checkbox"]').on('click', function() {
		var check_count = $('input[type="checkbox"]:checked').length;
		if (check_count == 0 ){
			// チェックが一つも無い場合の処理
		} else {
			// チェックが一つでもある場合の処理
		}
	});
});