使用HTML/Javascript顯示錶單文本框中單選按鈕的值

如何顯示錶單文本框中單選按鈕的值？當單擊單選按鈕時，我希望它改變。使用HTML/Javascript顯示錶單文本框中單選按鈕的值

這裏是我的單選按鈕：

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

非常感謝

來源

2009-11-23 Jamie

問題的格式看起來很混亂。 – ndim 2009-11-23 14:33:07

設置name屬性相同，這樣控件可以是單選按鈕：name =「testResults」。 – artdanil 2009-11-23 15:02:06

我認爲@artdanil試圖說的是，您應該使用'name'屬性來適當地分組您的單選按鈕。閱讀以下教程以獲取更多信息：http：//www.echoecho.com/htmlforms10.htm – 2009-11-23 15:41:08

好了，你可以實現像這樣的單選按鈕的OnClick功能：<input type="radio" name="sports" value="Football" onClick="doSomething();">或者你可以有一個函數遍歷你的表單上的所有單選按鈕以及選中的任何一個按鈕，將會填充你的文本框r值：

<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

來源

2009-11-23 14:35:17

如果您使用OnClick技術，請注意，如果單擊按鈕以外的方式選擇單選按鈕，則不會觸發此選項。例如如果用戶使用鍵盤或以編程方式設置。 – Rory 2010-11-21 19:08:47

@Rory：這取決於瀏覽器。 – 2010-11-21 23:17:43

使用jQuery，這是非常簡單的

HTML

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

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

來源

2009-11-23 14:35:26

你可以寫，將結果值傳遞給文本區域的功能：

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

來源

2009-11-23 15:38:12 artdanil

使用HTML/Javascript顯示錶單文本框中單選按鈕的值

回答

相關問題