需求一个js 就是 选中单选框 然后点击 按钮 把选中的值 传到文本框里。。

需求一个js就是选中单选框然后点击按钮把选中的值传到文本框里。。... 需求一个js 就是 选中单选框 然后点击 按钮 把选中的值 传到文本框里。。 展开
 我来答
匿名用户

推荐于2017-10-02
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>单选</title>
</head>
<body>
<div id="radio">
  <label>
    <input type="radio" value="asp" name="me" />
    asp</label>
  <label>
    <input type="radio" value="php" name="me" />
    php</label>
  <label>
    <input type="radio" value="ajax" name="me" />
    ajax</label>
</div>
<input type="button" value="提交" id="submit" />
<input type="text" id="text" />
</body>
<script>
var radio = document.getElementById("radio").getElementsByTagName("input");
var text = document.getElementById("text");
var submit = document.getElementById("submit");
submit.onclick = function(){
  for(var i=0;i<radio.length;i++){
    if(radio[i].checked){
text.value = radio[i].value;
}
 }
}
</script>
</html>
大神有点萌
2015-11-24 · TA获得超过170个赞
知道小有建树答主
回答量:107
采纳率:0%
帮助的人:76.7万
展开全部
//jquery
$(function (){
    //name自己改成对应的
    $('input[name="radio"]').click(function (){
        $('input[name="text"]').val($(this).val());
    });
});
//javascript
document.getElementsByName('radio').onclick=function (){
    document.getElementsByName('text')[0].value=this.value;
}
//还有一个更直接的 比如radio的name是r text的name是t
<input type="radio" value="1" onclick="javascript:$('input[name=\"t\"]').val(this.value)">
//手打的也不知道对不对,反正就这个意思,如果错了你追问我,我再修改

//你如果是要点击按钮的话
function btnclick(){
    var r = $('input[name="radio"]:checked').val();
    $('input[name="text"]').val(r);
}
<input type="text" onclick="btnclick()">

//各种情况  手打的   采纳吧
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2015-11-24
展开全部
<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<script>
onload = function(){
var rs = document.getElementsByName("r");
for(var i = 0; i < rs.length; i++){
rs[i].onclick = function(){
txt.value = this.nextSibling.nodeValue.replace(/^\s+|\s+$/g,"");
}
}
}
</script>
  </head>
<body>
    <label>
<input type="radio" name="r" />
asp
</label>
<label>
<input type="radio"  name="r"/>
jsp
</label>
<label>
<input type="radio"  name="r"/>
php
</label>
<input type="text" id="txt" />
  </body>
</html>
追问
我是需要多一步,就是选中后点击按钮才传值,不是一选中就传到input 里。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式