javascript radio给input文本框赋值问题

<html><body><divdisabled><inputtype="radio"name="test"value="aa"checked>aa<inputtype=... <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应该如何写？展开





 我来答

1个回答

#合辑# 机票是越早买越便宜吗？

清酒暖风Y
2016-11-17 · TA获得超过1434个赞

知道小有建树答主

回答量：1289

采纳率：60%

帮助的人：533万

我也去答题访问个人页

关注

展开全部

建议使用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>