ラジオに応じて<span id="スパンID"></span>のところにテキストを表示する例．

目次

  1. HTMLファイル
  2. JS

HTMLファイル

<form name="フォーム名">
	<input type="radio" name="ラジオ名" value="red" checked> 赤
	<input type="radio" name="ラジオ名" value="blue" > 青
</form>
<input type="button" value="ボタン" onclick="ハンドラ名()"/>

<script>
中略
</script>

JS

scriptタグ内に以下のような処理を書く．

function ハンドラ名(){
	let str = "";
	const 定数名 = document.フォーム名.ラジオ名;

	for (let i = 0; i < 定数名.length; i++){
		if(定数名[i].checked){
			strに施す処理;
			break;
		}
	}
	document.getElementById("スパンID").textContent = str;
}