0

私はJavaスクリプトの初心者であり、次のことを達成しようとしており、提案を探していました:

2 つのラジオ ボタンを作成し、ラジオ ボタンを選択するたびに、以下の例の XYZ.com または ABC.com のような URL に移動する必要があります。

<html>
<table width="450">
<tr>
<td style="background-color:#FFFFFF;"><h4>Choose a Field</h4></td>
</tr>
</table></br>
<form action="../">
<fieldset>
<input type="RADIO" value="http://xyz.com"     name="userChoice" id="navRadio01">
 <label for="navRadio01">XYZ</label><br> 
<input type="RADIO" value="http://abc.com"    name="userChoice" id="navRadio02" checked>
        <label for="navRadio02">ABC</label><br>  
<input type="BUTTON"  value="Go"    onclick="ob=this.form.userChoice;for(i=0;i<ob.length;i++){
    if(ob[i].checked){window.open(ob[i].value,'_self');};}" style="color:#FFFFF;background-color:#E0E0E5;font-family:verdana;border-style:solid;" />
</fieldset>
</form>
</html>

上記の例では [Go] ボタンを使用しましたが、[Go] ボタンを使用せずに、選択したリンクに移動するにはどうすればよいでしょうか。

ご意見をお聞かせください。

よろしくお願いします。

- V

4

5 に答える 5

1

この例を試してください：

<html>
<table width="450">
<tr>
<td style="background-color:#FFFFFF;"><h4>Choose a Field</h4></td>
</tr>
</table></br>
<form action="../">
<fieldset>
<input type="RADIO" name="userChoice" id="navRadio01" onclick="window.location='http://google.com'">
<input type="RADIO" name="userChoice" id="navRadio02"  onclick="window.location='http://yahoo.com.com'">
</fieldset>
</form>
</html>

それが役に立てば幸い...

于 2013-04-16T18:00:03.823 に答える
0

ここを見てください：

javascriptを使用してラジオボタンリストでonclickを呼び出す

少し議論があり、最後に完全な例があります。

于 2013-04-16T17:56:40.340 に答える
0

ラジオ ボタンの onclick イベントによってトリガーされる関数に、ラジオ ボタンの参照を渡すことができます。次に、関数内で、ラジオ ボタンの値で指定されたリンクを開きます。

たとえば、関数openLinkはラジオ ボタンの値に基づいてリンクを開きます。

<script>
function openLink(radio){
 window.open(radio.value,'_self');
}
</script>

次に、HTML ページの本文で、ラジオ ボタンがクリックされたときに関数への参照を渡しますopenLink。

<fieldset>
<input type="radio" id="fname"  value="http://www.abc.com" name="name1" onclick="openLink(this)">

<input type="radio" value="http://www.xyz.com" id="fname2" name="name1" onclick="openLink(this)">
</fieldset>
于 2013-04-16T17:59:56.463 に答える