求一段js代码，代码的效果如下

选择上面的数字，然后在“点击确认”按钮过后，会在右边的框输出上面的选择数字，而上面的数字是单选框实现的。还需要上面的这个效果，可以在同一个网页上实现多次实现。... 选择上面的数字，然后在“点击确认”按钮过后，会在右边的框输出上面的选择数字，而上面的数字是单选框实现的。
还需要上面的这个效果，可以在同一个网页上实现多次实现。展开

 我来答

2个回答

#热议# 为什么说不要把裤子提到肚脐眼？

匿名用户
2014-02-27

展开全部

<!--我给你一个JS写的吧-->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
function GoRadio(){
    var RadioT = document.getElementsByName("radio");
    var TextT = document.getElementById("text");
    var RadioSum;
    for(var i=0;i<RadioT.length;i++){
        if(RadioT[i].checked){
            RadioSum = RadioT[i].value;
            };
        };
    TextT.value = RadioSum;
    };
</script>
</head>

<body>
<input type="radio" name="radio"  value="2000" id="test1"><label for="test1">2000</label>
<input type="radio" name="radio" value="3000" id="test2"><label for="test2">3000</label>
<input type="radio" name="radio" value="4000" id="test3"><label for="test3">4000</label><br>
<input type="button" value="点击确认" onClick="GoRadio();">
<input type="text" id="text" value="">
</body>
</html>

更多追问追答
追问

这个能在同一个网页上多次重复吗？如果在同一个网页上重复使用上面说的效果，那js是不是也能重复了。
追答

可以重复的，在GoRadio()中传入参数就OK了，比如 radio 的name 和输出后文本框的ID传进去就能兼容多个了
追问

能给一下详细的案例吗？
追答

<!--刚才代码的基础上修改了一下-->
区间一：
<input type="radio" name="radioA"  value="2000" id="test1"><label for="test1">2000</label>
<input type="radio" name="radioA" value="3000" id="test2"><label for="test2">3000</label>
<input type="radio" name="radioA" value="4000" id="test3"><label for="test3">4000</label><br />
<input type="button" value="点击确认" onClick="GoRadio('radioA','textA');">
<input type="text" id="textA" value="">
<br />区间二：
<input type="radio" name="radioB"  value="5000" id="test4"><label for="test4">5000</label>
<input type="radio" name="radioB" value="6000" id="test5"><label for="test5">6000</label>
<input type="radio" name="radioB" value="7000" id="test6"><label for="test6">7000</label><br />
<input type="button" value="点击确认" onClick="GoRadio('radioB','textB');">
<input type="text" id="textB" value="">
<!--在追问一次，我贴JS代码，这个文本框不够-->
追问
能贴一下整个网页的全部代码吗？
我把你刚才贴的代码放上去，结果是没有办法运行。这是我编写的代码
然后运行的效果是这样的。
但是当“点击确认”时，没有实现右侧的输入框显示上面单选选中的数字。
求指导。




追答

<!--js代码你没改  改成这个-->
<script type="text/javascript">
function GoRadio(Radio,Text){
    var RadioT = document.getElementsByName(Radio);
    var TextT = document.getElementById(Text);
    var RadioSum;
    for(var i=0;i<RadioT.length;i++){
        if(RadioT[i].checked){
            RadioSum = RadioT[i].value;
            };
        };
    TextT.value = RadioSum;
    };
</script>

已赞过 已踩过<

评论收起

CUIT_MOON
2014-02-27 · 超过20用户采纳过TA的回答

知道答主

回答量：91

采纳率：0%

帮助的人：52.7万

我也去答题访问个人页

关注

展开全部

function change(){
   //jq1.4以上版本
  //输出框为input控件
   $("#显示框的id").val( $("input[name=设定的单选框的name]:checked").val());
  //输出框如果为label控件或者table控件等
   //$("#显示框的id").html( $("input[name=设定的单选框的name]:checked").val());
}

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

求一段js代码，代码的效果如下

为你推荐：