这样的JS如何实现?关于radiobutton

marquiswang 2005-07-16 05:19:14
<form name="form1" method="post" action="">
<table width="90%" border="0" cellspacing="1">
<tr>
<td><input type="radio" name="radiobutton" value="1"></td>
<td>A1</td>
<td>B1</td>
<td>C1</td>
</tr>
<tr>
<td><input type="radio" name="radiobutton" value="2"></td>
<td>A2</td>
<td>B2</td>
<td>C2</td>
</tr>
<tr>
<td><input type="radio" name="radiobutton" value="3"></td>
<td>A3</td>
<td>B3</td>
<td>C3</td>
</tr>
</table>
<input name="A1" type="hidden" id="A1" value="A1">
<input name="A2" type="hidden" id="A2" value="A2">
<input name="A3" type="hidden" id="A3" value="A3">
<input name="B1" type="hidden" id="B1" value="B1">
<input name="B2" type="hidden" id="B2" value="B2">
<input name="B3" type="hidden" id="B3" value="B3">
<input name="C1" type="hidden" id="C1" value="C1">
<input name="C2" type="hidden" id="C2" value="C2">
<input name="C3" type="hidden" id="C3" value="C3">
<input name="A" type="hidden" id="A" value="">
<input name="B" type="hidden" id="B" value="">
<input name="C" type="hidden" id="C" value="">
</form>
通过radiobutton的选择,把相应的A* B* C*的值传给A B C
...全文
226 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
JK_10000 2005-07-18
  • 打赏
  • 举报
回复
<form name="form1" method="post" action="">
<table width="90%" border="0" cellspacing="1">
<tr>
<td><input type="radio" name="radiobutton" value="1" onpropertychange="RadioClickFun();"></td>
<td>A1 <input name="A" value="A1" disabled ></td>
<td>B1 <input name="B" value="B1" disabled ></td>
<td>C1 <input name="C" value="C1" disabled ></td>
</tr>
<tr>
<td><input type="radio" name="radiobutton" value="2" onpropertychange="RadioClickFun();" checked ></td>
<td>A2 <input name="A" value="A2" disabled ></td>
<td>B2 <input name="B" value="B2" disabled ></td>
<td>C2 <input name="C" value="C2" disabled ></td>
</tr>
<tr>
<td><input type="radio" name="radiobutton" value="3" onpropertychange="RadioClickFun();"></td>
<td>A3 <input name="A" value="A3" disabled ></td>
<td>B3 <input name="B" value="B3" disabled ></td>
<td>C3 <input name="C" value="C3" disabled ></td>
</tr>
</table>

</form>

<script >
function RadioClickFun()
{
var radioObjs=document.getElementsByName("radiobutton");
for(var i=0;i<radioObjs.length;i++)
{
var tempBoolean=radioObjs[i].checked;
var tempTr=radioObjs[i].parentElement.parentElement;
tempTr.all.A.disabled=!tempBoolean;
tempTr.all.B.disabled=!tempBoolean;
tempTr.all.C.disabled=!tempBoolean;
}
}

window.onload=function ()
{
RadioClickFun();
}
</script>
孟子E章 2005-07-18
  • 打赏
  • 举报
回复
不明白啥意思

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧