如何利用radio的不同取值,在同一页面显示不同结果?急!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[hrbww911]

小弟有段代码有三个radio <input type=radio name=tradetype value="1" checked>英镑
<input type=radio name=tradetype value="2">美元
<input type=radio name=tradetype value="3">欧元
我想根据不同redio的选择直接 实现控制商品价格以不同货币值显示
比如选择英镑就应该显示
商品名　　　价格
椅子　　　　５５英镑
桌子　　　　１００英镑
．．．．．．．．．．．．
选择了美元就应该如下显示
商品名　　　　价格
椅子　　　　７６美元
桌子　　　　１４５美元

价格是个变量
请问如何实现

[yjy84317]

<script language="javascript">
function changed()
{
var zz=document.getElementById("zz").value;
var fz=document.getElementById("fz").value;
var type = document.getElementsByName("type");
for (i=0;i<type.length;i++)
{
if (type[i].checked && type[i].value=="1")
{
document.getElementById("yzz").style.display="";
document.getElementById("yfz").style.display="";
document.getElementById("yzz").value=zz*1.5
document.getElementById("yfz").value=fz*1.5
break;
}
else if (type[i].checked && type[i].value=="2")
{
document.getElementById("mzz").style.display="";
document.getElementById("mfz").style.display="";
document.getElementById("mzz").value=zz*2.5
document.getElementById("mfz").value=fz*2.5
break;
}
else if (type[i].checked && type[i].value=="3")
{
document.getElementById("ozz").style.display="";
document.getElementById("ofz").style.display="";
document.getElementById("ozz").value=zz*3.5
document.getElementById("ofz").value=fz*3.5
break;
}
}

}
</script>
<table width="60%" height="63" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="46%" align="center"> 产品 </td>
<td width="54%" align="center">价格</td>
<td width="54%" align="center"> </td>
<td width="54%" align="center"> </td>
<td width="54%" align="center"> </td>
</tr>
<tr>
<td height="23" align="center">桌子</td>
<td align="center"><input type="text" name="zz"></td>
<td><input type="text" name="yzz" style="display:none"></td>
<td><label>
<input type="text" name="mzz" style="display:none">
</label></td>
<td><input type="text" name="ozz" style="display:none"></td>
</tr>
<tr>
<td height="23" align="center">房子</td>
<td align="center"><input type="text" name="fz"></td>
<td><input type="text" name="yfz" style="display:none"></td>
<td><input type="text" name="mfz" style="display:none"></td>
<td><input type="text" name="ofz" style="display:none"></td>
</tr>
<tr>
<td height="23" colspan="5" align="center">
<input type=radio name="type" id="type" value="1" onClick="return changed()">
英镑
<input type=radio name="type" id="type" value="2" onClick="return changed()">
美元
<input type=radio name="type" id="type" value="3" onClick="return changed()">
欧元</td>
</tr>
</table>

[wangping_li]

[Quote=引用 4 楼 dogfish 的回复:]
上面那个错了。


HTML code<script language="javascript">
function aaa(i)
{
for(var j=1;j<=3;j++)
document.getElementById("d"+j).style.display=(j==i?"":"none");
}
</script>
<input type=radio name=tradetype value="1" checked onclick="aaa(1)">英镑
<input type=radio name=tradetype value="2" onclick="aaa(2)">美元
<input type=radio name=tradetype value="3" onclick…
[/Quote]
up

[Dogfish]

<script language="javascript">
   function aaa(i)
   {
      for(var j=1;j<3;j++)
         document.getElementById("d"+j).style.display=(j==i?"":"none");
  }
</script>
<input type=radio name=tradetype value="1" checked onclick="aaa(1)">英镑 
<input type=radio name=tradetype value="2" onclick="aaa(2)">美元 
<input type=radio name=tradetype value="3" onclick="aaa(3)">欧元 
<div id="d1">英镑价格</div>
<div id="d2" styple="display:none;">美元价格</div>
<div id="d3" styple="display:none;">欧元价格</div>

[hrbww911]

您好 ,非常感谢您对我的帮助
因为存在汇率问题 所以比如1英镑兑换1.5美元那么如果选择英镑
产品 价格
桌子 100
房子 1000
那么选择美元就应该是、


产品 价格
桌子 150
房子 1500 美元的价格要乘以1.5 这怎么实现呢
非常感谢

[layers2323]

这些东西你就全部放在aaa()中实现咯。

[Dogfish]

上面那个错了。

<script language="javascript">
   function aaa(i)
   {
      for(var j=1;j<=3;j++)
         document.getElementById("d"+j).style.display=(j==i?"":"none");
  }
</script>
<input type=radio name=tradetype value="1" checked onclick="aaa(1)">英镑 
<input type=radio name=tradetype value="2" onclick="aaa(2)">美元 
<input type=radio name=tradetype value="3" onclick="aaa(3)">欧元 
<div id="d1">英镑价格</div>
<div id="d2" style="display:none;">美元价格</div>
<div id="d3" style="display:none;">欧元价格</div>