javascript radio给input文本框赋值问题

<html><body><div disabled> <input type="radio" name="test" value="aa" checked>aa <input type="radio" name="test" value="bb">bb</div><br /><input type="text" name="test2" ></body></html>html如上所示,现在有两个按钮,是不可选的,默认选中aa按钮,如图一所示。当打开网页后,在下面的文本框内自动显示选中按钮的值,如图二所示,javascript应该如何写?

建议使用JS的mvvm框架实现数据双向绑定,建议使用avalon angular等

纯js解决思路:事件绑定机制

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ProtoType</title>
<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
</head>
<body>
<div disabled>
<input type="radio" name="test" value="aa" checked>aa
<input type="radio" name="test" value="bb">bb
</div>
<input type="text" name="test2" >
<script>
$("input[type=radio]").each(function(){
  
   $(this).click(function(){  //点击选中则进行值切换
       $("input[name=test2]").val(this.value);
   });
}); 
</script>
</body>
</html>

温馨提示:内容为网友见解,仅供参考
无其他回答

javascript中radio框触发事件弹出多个多选框,我修改多选框。点击另外一...
<div style="float: left"> <input type="radio" name="rd" id="rd1" value="1" checked="checked" onclick="change(this)" \/><input type="text" name="txt_rd" id="rd1_txt" \/> <br \/> <input type="radio" name="rd" id="rd2" value="2" onclick="change(...

JavaScript中如何取得单选框radio中被选中的(checked)的值(value)_百 ...
<INPUT id="Radio1" type=radio value="fasd" name=RadioGroup onclick="alert(this.value);"> --- 补充:你可以试着这样做 当你动态添加控件的时候为每个radio添加一个onclick事件,事件的内容是把自己的value给一个hidden,然后直接点按钮的时候取那个hidden的值就行了。--- 再次补充:是的,...

javascript选择input type='radio'原生态写法?要求选中input 并且是单...
DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/><title>radio的选择判断<\/title><\/head><body><div id="inputBox"> <label>radio1:<input type="radio" name="radio" value="radio1"><\/label> <label>radio2:<input type="radio"...

JavaScript中如何取得单选框radio中被选中的(checked)的值(value)_百 ...
<INPUT id="Radio1" type="radio" value="fasd" name="RadioGroup" onclick="alert(this.value);"> --- 补充:你可以试着这样做 当你动态添加控件的时候为每个radio添加一个onclick事件,事件的内容是把自己的value给一个hidden,然后直接点按钮的时候取那个hidden的值就行了。--- 再次补充:...

jsp中如何获取多组radio的值,组数是动态变化的,input name如何赋值?
jQuery:var radioListValue;.each($(":radio[name='名字']"),function(){ (this).val("123");\/\/赋值 radioListValue = radioListValue + $(this).val();\/\/取值 });JavaScript:var radioListValue;radioListValue = document.getElementsByName("名字");for (var i=0;i<radioListValue....

在Jquery中怎么判断input文本框的值为空啊(最好有多种方法)?
\/\/有如下三种判断:var A=$("#**).val();if(A==null||A!=undefined||A==""){ \/\/处理 } 还有另一种更简单的方法 测试过 可用:var A=$("#**).val();if(A.length>0){ \/\/非空处理 }

javascript,通过选择单选框控制文本框显示的问题。
假定文本框的ID是“d1”,在单选按钮上设置点击动作,点击后隐藏文本框:<input id="d1" type="text"> <input type=radio onSelect='document.getElementById("d1").style.display="none";'> \/\/隐藏 <input type=radio onSelect='document.getElementById("d1").style.display="";'> \/\/...

...type="radio" name="new" onClick="javascript:select_radio('登陆...
这是一个单选框,名字是‘name’,Onclick是鼠标单击事件当鼠标单击上在这个单选框的时候调用“javascript:select_radio('登陆') ”这个,id是这个单选框的名字,但是这是唯一的,跟name不一样,name可以重复。

如何对form表单中所有类型的input控件进行赋值与取值?给出完整的示例说...
<script type="text\/javascript"> var n = document.myform.mytext.value; \/\/定义个变量n接收表单中的值 alert(n); \/\/alert是弹出对话框,会弹出一个123的对话框 document.myform.mytext.value="456"; \/\/给控件重新赋值为456 <\/script> 其他控件的取值赋值类似,如不明白可以追问 ...

javascript获取type=radio显示在页面的值
这个一般有2种情况,一种是只有一个按钮,直接使用obj.value就行,还有一种是多个对象,返回来是一个集合,使用循环obj[i].value.var obj = document.getElementByName("n")呵呵~看错了,那就只有取他的相邻的节点了,要是现在ie用的话可以nextSibling。

相似回答