javascriptによる動的なリンクの変更

javascriptによって、ラジオボタンをチェックする度に(チェックを変える度に)
動的にリンクを変更したいのですが、上手くいきません。
すみませんが、どなたか教えていただけないでしょうか？

ちなみに、下記は私が試したコードです。(全く動きませんが。)
ラジオボタンのチェックを変えると、<a>タグのhrefの中身のURLが、そのボタンのvalueに対応して変わるようにしたいのですが。。

<FORM NAME="sample">
選択して下さい -->　
<input type="radio" name="list" OnChange="UpdateLink()" value="http://www.yahoo.co.jp" />s
<input type="radio" name="list" OnChange="UpdateLink()" value="http://www.vector.co.jp/authors/VA011407/" />m
<input type="radio" name="list" OnChange="UpdateLink()" value="mailto:[e-mail]" />l

<A href="samplelink">リンク更新!!</A>
</FORM>

<SCRIPT LANGUAGE="JavaScript">
<!--
var pos;

for(var i=0; i < document.links.length; i++) {
if (document.links[i].href.indexOf("samplelink") != -1) pos = i;
}

function UpdateLink() {
checked = document.sample.list.checked Index;
document.links[pos].href = document.sample.list[checked ].value;
}
//-->
</SCRIPT>

No.1 ベストアンサー 回答者： MYCABIN 回答日時： 2011/07/31 14:55

<input type="radio" checked="checked" name="list" onclick="UpdateLink(this.value)" value="

http://www.yahoo.co.jp" />s
<input type="radio" name="list" onclick="UpdateLink(this.value)" value="http://www.vector.co.jp/authors/VA011407/" />m
<input type="radio" name="list" onclick="UpdateLink(this.value)" value="mailto:[e-mail]" />l
<A id="smlink" href="samplelink">リンク更新!!</A>

<SCRIPT LANGUAGE="JavaScript">
function UpdateLink(strvalue) {
document.getElementById("smlink").href = strvalue;
}
</SCRIPT>

こんな感じでいかがでしょう。ちなみにonchangeは変わった前の要素を拾います。

この回答へのお礼

どうもありがとうございました。
正にやりたいことができました。

お礼日時：2011/08/01 09:37