さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】チェックボックス、ラジオボタンのチェック監視

Pocket
LINEで送る

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

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 {
			// チェックが一つでもある場合の処理
		}
	});
});

カテゴリー:HP制作, JQuery

コメントを残す

コメント内容