説明

チェックボックスをクリックすると、チェックが付いたり消えたりします。 そこで、チェックボックスの「onClick」イベントを使って、チェックされてるかどうかを取得してみます。

実行例

チェックしてみてください

コード

function getCheck(obj){
	var mess = "チェックボックスはチェックされて";
	if (obj.checked) {
		mess += "います";
	} else {
		mess += "いません";
	}
	window.alert(mess);
}

<FORM>
<INPUT type="checkbox" onClick="getCheck(this);"> チェックしてみてください
</FORM>

解説＆ステップアップ

「.checked」という属性で、チェックボックスがチェックされているかは判定できます。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)