镜像单选按钮内容
镜像单选按钮内容
提问于 2018-08-16 04:01:27
希望将选中的单选框中的值镜像到#result (红框)。
你知道我该怎么做吗？
<div style="display: block;" id="block1">
<table cellpadding="0" cellspacing="0" class="orderopt">
<tr>
<td class="orderopt-td1">
<input type="radio" name="7x5" value="book>book 7x5 in. $1.00 " />
</td>
<td class="orderopt-td2">
book cover 7x5 in. </td>
<td class="orderopt-td3">$1.00</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="orderopt">
<tr>
<td class="orderopt-td1">
<input type="radio" name="10x7" value="book>book 10x7 in. $2.00 " />
</td>
<td class="orderopt-td2">
book cover 10x7 in. </td>
<td class="orderopt-td3">$2.00</td>
</tr>
</table>
<div id="result" style="width: 200px; border:1px solid red;height: 30px;">result here </div>
回答 1
Stack Overflow用户
发布于 2018-08-16 04:14:23
对于你奇怪的用例，如果你想用下面的方法就行了
function handle7x5(){
ele = document.getElementById("result");
ele.innerHTML = document.getElementsByName('7x5')[0].value;
}
function handle10x7(){
ele = document.getElementById("result");
ele.innerHTML = document.getElementsByName('10x7')[0].value;
}<div style="display: block;" id="block1">
<table cellpadding="0" cellspacing="0" class="orderopt">
<tr>
<td class="orderopt-td1">
<input type="radio" name="7x5" value="book>book 7x5 in. $1.00 " onchange="handle7x5();"/>
</td>
<td class="orderopt-td2">
book cover 7x5 in. </td>
<td class="orderopt-td3">$1.00</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="orderopt">
<tr>
<td class="orderopt-td1">
<input type="radio" name="10x7" value="book>book 10x7 in. $2.00 " onchange="handle10x7();" />
</td>
<td class="orderopt-td2">
book cover 10x7 in. </td>
<td class="orderopt-td3">$2.00</td>
</tr>
</table>
<div id="result" style="width: 200px; border:1px solid red;height: 30px;">result here </div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51865636
复制相关文章
相似问题
腾讯云开发者
