Question

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

这是我的单选按钮：

<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>

非常感谢

Answer 1

好吧，您可以使用单选按钮实现OnClick功能：<input type="radio" name="sports" value="Football" onClick="doSomething();">或者您可以使用函数迭代表单上的所有单选按钮，无论选中哪个，都会填写带有您的值的文本框：

<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

Answer 2

您可以编写一个将结果值传递给文本区域的函数：

<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>

Answer 3

使用jQuery这非常简单

HTML

<div id="radiobuttons">
<--! put here radios buttons -->
</div>

$("#radiobuttons input:radio").click(function() {
    $("textbox_id").val($(this).val());
});

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

3 个答案: