[ipentec] ラジオボタンのチェック状態を取得する (JavaScript プログラミング) (2017/12/23) [2019/08/25]
<form name="form1" action="">
<input id="Radio1" name="RadioGroup1" type="radio" onchange="onRadioButtonChange();" />
<label for="Radio1">ラジオボタン 要素1<</label><br/>
<input id="Radio2" name="RadioGroup1" type="radio" onchange="onRadioButtonChange();" />
<label for="Radio2">ラジオボタン 要素2</label><br />
<input id="Radio3" name="RadioGroup1" type="radio" onchange="onRadioButtonChange();" />
<label for="Radio3">ラジオボタン 要素3</label><br />
</form>
<script type="text/javascript" language="javascript">
function onRadioButtonChange() {
check1 = document.form1.Radio1.checked;
check2 = document.form1.Radio2.checked;
check3 = document.form1.Radio3.checked;
target = document.getElementById("output");
if (check1 == true) {
target.innerHTML = "要素1がチェックされています。<br/>";
}
else if (check2 == true) {
target.innerHTML = "要素2がチェックされています。<<br/>";
}
else if (check3 == true) {
target.innerHTML = "要素3がチェックされています。<br/>";
}
}
</script>