Javascript 将单选按钮数值打印到文本框_Javascript_Html_Radio Button

Javascript 将单选按钮数值打印到文本框

javascript html

Javascript 将单选按钮数值打印到文本框,javascript,html,radio-button,Javascript,Html,Radio Button,我只是想知道如何使用javascript将选中的单选值动态打印到文本框中，以便文本框中的值与相应选中单选按钮的值匹配？非常感谢您的帮助，我刚刚开始使用javascript，我发现这很难 p、我只熟悉javascript，所以很抱歉那些帮助发布JQuery解决方案的人！我真的很感激 HTML代码： <h2>Configuration</h2> <div> <input type ="radio" id="gtmanual" name="car" valu

我只是想知道如何使用javascript将选中的单选值动态打印到文本框中，以便文本框中的值与相应选中单选按钮的值匹配？非常感谢您的帮助，我刚刚开始使用javascript，我发现这很难

p、我只熟悉javascript，所以很抱歉那些帮助发布JQuery解决方案的人！我真的很感激

HTML代码：

<h2>Configuration</h2>
<div>
<input type ="radio" id="gtmanual" name="car" value="277790.00" checked="checked" >
<label for ="gtmanual">GT Manual -  &euro; 27,7790.00 </label>
<br>
<input type ="radio" id="gtauto" name="car" value="28,500.00" >
<label for ="gtauto">GT Automatic -  &euro; 28,500.00 </label>
<br>
<input type ="radio" id="gtsmanual" name="car" value="32,450.00">
<label for ="gtsmanual">GT-S Manual -  &euro; 32,450.00 </label>
<br>
<input type ="radio" id="gtmanual" name="car" value="33,155.00">
<label for ="gtsauto">GT-S Auto -  &euro; 33,155.00 </label>
 <br>
<div class="col-sm-4">
<input type="text" id="total" readonly>
</div>
</div>

配置
燃气轮机手册-欧元；27,7790.00 


GT自动-欧元；28,500.00 


GT-S手册-&euro；32,450.00 


GT-S汽车-欧元；33,155.00

下面是javascript代码：

var total=0
var carcost=0

gtmanual=document.getElementById("gtmanual")
gtmanual=document.getElementListner("click" calculateCar, false);

window.onload=function calculateCar() {
var mycar=document.getElementByName("car");
 for (var i=0; i<mycar.length; i++)
 {
         if (mycar[i].checked) {
             carcost = parseFloat(mycar[i].value);
             break;
          }
          var total+= total+carcost=0;
     }

 document.getElementById("total").value=total;


}

var总计=0
风险价值成本=0
gtmanual=document.getElementById（“gtmanual”）
gtmanual=document.getElementListner（“单击”calculateCar，false）；
window.onload=函数calculateCar（）{
var mycar=document.getElementByName（“car”）；
对于（var i=0；i，以下是您的解决方案：
JS
我已经创建了您想要的内容，但它是通过jQuery完成的：
链接到完整的工作演示-
jQuery：
$('input[name="car"]').change(function(){
    $('#total').val($('input[name="car"]:checked').val());
});

试试这段代码。这是根据您的要求用javascript编写的
   <html>
<head>
</head>
<script>
function getvalue(temp)
{
document.getElementById("total").value=temp.value;
}
</script>
<h2>Configuration</h2>
<div>
<input type ="radio" id="gtmanual"  name="car" value="277790.00" onclick="getvalue(this)">
<label for ="gtmanual">GT Manual -  &euro; 27,7790.00 </label>
<br>
<input type ="radio" id="gtauto"  name="car" value="28,500.00" onclick="getvalue(this)">
<label for ="gtauto">GT Automatic -  &euro; 28,500.00 </label>
<br>
<input type ="radio" id="gtsmanual"  name="car" value="32,450.00" onclick="getvalue(this)">
<label for ="gtsmanual">GT-S Manual -  &euro; 32,450.00 </label>
<br>
<input type ="radio" id="gtmanual"  name="car" value="33,155.00" onclick="getvalue(this)">
<label for ="gtsauto">GT-S Auto -  &euro; 33,155.00 </label>
 <br>
<div class="col-sm-4">
<input type="text" id="total" readonly>
</div>
</div>


函数getvalue（临时值）
{
document.getElementById（“总计”）.value=temp.value；
}
配置
燃气轮机手册-277790.00欧元


GT自动-28500.00欧元


GT-S手册-&euro；32450.00


GT-S汽车-33155.00欧元


您可以通过这个简单的JS-
例如：
var-rad=document.getElementsByName（'car'）；
var值=null；
对于（变量i=0；i嘿，我很感激你的回答，但我忘了提及我不熟悉JQuery代码，感谢你抽出时间回复，我很合适！抱歉，我在寻找javascript解决方案，感谢你的回复！@user2988501我已将答案编辑为javascript。.参考答案嘿，我很感激你的回答，但我忘了回答ion我不熟悉JQuery代码，感谢您抽出时间回复，我非常感谢您的回复！@user2988501动态单选按钮您可以使用此按钮。
   <html>
<head>
</head>
<script>
function getvalue(temp)
{
document.getElementById("total").value=temp.value;
}
</script>
<h2>Configuration</h2>
<div>
<input type ="radio" id="gtmanual"  name="car" value="277790.00" onclick="getvalue(this)">
<label for ="gtmanual">GT Manual -  &euro; 27,7790.00 </label>
<br>
<input type ="radio" id="gtauto"  name="car" value="28,500.00" onclick="getvalue(this)">
<label for ="gtauto">GT Automatic -  &euro; 28,500.00 </label>
<br>
<input type ="radio" id="gtsmanual"  name="car" value="32,450.00" onclick="getvalue(this)">
<label for ="gtsmanual">GT-S Manual -  &euro; 32,450.00 </label>
<br>
<input type ="radio" id="gtmanual"  name="car" value="33,155.00" onclick="getvalue(this)">
<label for ="gtsauto">GT-S Auto -  &euro; 33,155.00 </label>
 <br>
<div class="col-sm-4">
<input type="text" id="total" readonly>
</div>
</div>

var rad = document.getElementsByName('car');
var value = null;
for(var i = 0; i < rad.length; i++) {
    rad[i].onclick = function() {
    value=document.querySelector('input[name="car"]:checked').value;
    document.getElementById('total').value=value ; 
  };
}