使用HTML/Javascript在表单文本框中显示单选按钮的值_Javascript_Html

使用HTML/Javascript在表单文本框中显示单选按钮的值

javascript html

使用HTML/Javascript在表单文本框中显示单选按钮的值,javascript,html,Javascript,Html,如何在表单文本框中显示单选按钮的值？我想在单击单选按钮时更改它这是我的单选按钮： <input type="radio" name="testPassed" id="TestPassed" value="TestPassed"> <input type="radio" name="testFailed" id="TestFailed" value="TestFailed"> 文本框： <textarea name="description" cols="50

如何在表单文本框中显示单选按钮的值？我想在单击单选按钮时更改它

这是我的单选按钮：

<input type="radio" name="testPassed" id="TestPassed" value="TestPassed">
<input type="radio" name="testFailed" id="TestFailed" value="TestFailed">

文本框：

<textarea name="description" cols="50" rows="5" id="description">Test Status: radioButtonValueHere </textarea>

测试状态：RadioButtonValue here

非常感谢

您可以使用单选按钮实现一个

OnClick

函数，如下所示：

或者您可以使用一个函数来迭代表单上的所有单选按钮，无论选中哪个，都将用您的值填充文本框：

<form name="myform">

<input type="text" id="txt" />

...

<script type="text/javascript">

for (i=0; i<document.myform.sports.length; i++) 

   if (document.myform.sports[i].checked==true)
   {
           t =t +document.myform.sports[i].value
   }
}

document.getElementById("txt").value=t


...
对于（i=0；i那么，您可以使用单选按钮实现一个OnClick
函数，如下所示：
，或者您可以使用一个函数遍历表单上的所有单选按钮，无论选中哪个，都将用您的值填充文本框：
<form name="myform">

<input type="text" id="txt" />

...

<script type="text/javascript">

for (i=0; i<document.myform.sports.length; i++) 

   if (document.myform.sports[i].checked==true)
   {
           t =t +document.myform.sports[i].value
   }
}

document.getElementById("txt").value=t


...
对于使用jQuery的（i=0；i），这非常简单
HTML

$（“#单选按钮输入：单选”）。单击（函数（）{
$（“textbox_id”）.val（$（this.val（））；
});
使用jQuery，这非常简单
HTML

$（“#单选按钮输入：单选”）。单击（函数（）{
$（“textbox_id”）.val（$（this.val（））；
});
您可以编写一个函数，将结果值传递到文本区域：
<head>
<script type="text/javascript">
<!--
function writeResult(text){
    document.myform.testResultDescription.value = text;
}
//-->
</script>
</head>

<body>
<form name="myform">
    <input type="radio" name="testResults" id="TestPassed" value="TestPassed" onclick="writeResult('Test Passed');" />
    Test Passed<br />
    <input type="radio" name="testResults" id="TestFailed" value="TestFailed" onclick="writeResult('Test Failed');" />
    Test Failed<br />
    <textarea name="testResultDescription" cols="50" rows="5" id="testResultDescription"></textarea>
</form>
</body>


测试通过

测试失败

您可以编写一个函数，将结果值传递到文本区域：
<head>
<script type="text/javascript">
<!--
function writeResult(text){
    document.myform.testResultDescription.value = text;
}
//-->
</script>
</head>

<body>
<form name="myform">
    <input type="radio" name="testResults" id="TestPassed" value="TestPassed" onclick="writeResult('Test Passed');" />
    Test Passed<br />
    <input type="radio" name="testResults" id="TestFailed" value="TestFailed" onclick="writeResult('Test Failed');" />
    Test Failed<br />
    <textarea name="testResultDescription" cols="50" rows="5" id="testResultDescription"></textarea>
</form>
</body>


测试通过

测试失败

问题的格式看起来很混乱。请将name属性设置为相同，以便控件可以是单选按钮：name=“testResults”。我认为@artdanil想说的是，您应该使用name
属性对单选按钮进行适当分组。有关详细信息，请阅读以下教程：问题的格式看起来很混乱。将name属性设置为相同，以便控件可以是单选按钮：name=“testResults”。我想@artdanil想说的是，你应该使用name
属性对你的单选按钮进行适当的分组。阅读以下教程了解更多信息：如果你使用OnClick技术，请注意，如果单选按钮不是以单击的方式选择的，则不会触发此操作。例如，如果用户使用键盘或它是以编程方式设置。@Rory:这取决于浏览器。如果使用OnClick技术，请注意，如果单选按钮不是以单击方式选择的，则不会触发此操作。例如，如果用户使用键盘或是以编程方式设置的。@Rory:这取决于浏览器。