説明

ラジオボタンで移動先を選択できるようにしてみます。

実行例

Web 覚書トップ　 更新履歴　 JavaScript サンプル　

コード

function pageJump(obj){
	obj = obj.form;
	for (cnt = 0;cnt < obj.url.length;cnt++) {
		if (obj.url[cnt].checked) {
			var url = obj.url[cnt].value;
		}
	}
	window.location.href = url;
}

<FORM>
<INPUT type="radio" name="url" value="./h_all_top.html" checked>Web 覚書トップ　
<INPUT type="radio" name="url" value="./h_all_hist.html">更新履歴　
<INPUT type="radio" name="url" value="./h_js_top.html">JavaScript サンプル　
<INPUT type="button" value="移動" onClick="pageJump(this);">
</FORM>

解説＆ステップアップ

ラジオボタンは、どれが選択されているかわからないので、ラジオボタンの数だけループして判定してやる必要があります。

動作確認

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