- このスクリプトはラジオボタンを変更した時に、選択した項目に設定しておいたページにジャンプします。
-
- 〜 JavaScript 〜
<script language="JavaScript">
<!--
function chg(obj){
location.href=obj.value;
}
//-->
</script>
|
- 〜 HTML 〜
<form>
<input type="radio" name="rdo" value="linklist.htm" onClick="chg(this)">
リストボックスでリンクページへ<br>
<input type="radio" name="rdo" value="index.htm" onClick="chg(this)">
JavaScriptサンプルインデックス<br>
<input type="radio" name="rdo" value="../index.html" onClick="chg(this)">
トップページへ<br>
</form> |
- locationオブジェクトのhrefプロパティは参照すると現在のURLを返しますが、hrefプロパティへURLを代入するとそのページへジャンプすることが出来ます。
この関数の引数でobjとして値を受け取ります。ここではラジオボタンが渡されることを想定して、そのラジオボタンに設定されているvalueプロパティのURLへジャンプします。。
- function chg(obj){
location.href=obj.value;
}
- valueプロパティにジャンプしたいURLを設定します。onClickイベント(ラジオボタンがクリックされたとき)に関数(chg)を呼び出します。引数として自分自身(this)を関数に渡します。
- <input type="radio" name="rdo" value="linklist.htm" onClick="chg(this)">
| |