JavaScript備忘録

2012-09-06

[]ラジオボタンの選択チェックの仕方はややこしい件 00:48

ややこしいので、備忘録として記録しておく。

<html>
<head>
<script language=javascript>
function checkSelectRadio() {

	var selected_flg = false;
	var elm = document.getElementsByName('hoge');
	for (i = 0; i < elm.length; i++) {
		if (elm[i].checked) {
			selected_flg = true;
			break;
		}
	}
	if (selected_flg) {
		alert('ラジオボタンが選択されています');
	} else {
		alert('ラジオボタン未選択!');
	}
}
</script>
</head>
<body>
<input type=radio name="hoge" value=1>first
<input type=radio name="hoge" value=2>second
<input type=radio name="hoge" value=3>third
<input type=button value="ラジオボタンの選択状態をチェックする" onclick="checkSelectRadio();">
</body>
</html>