2012-10-17 56 views
0

我有3個單選按鈕,當選擇其中的一個時,我想自動將文本放入文本框中。例如,如果用戶選擇了「是」單選按鈕,我想將文本「是」放在文本框中,並且如果他們選擇另一個單選按鈕,我希望它被清除。單擊單選按鈕填充文本框

任何人都可以幫助我?

回答

1

一些JavaScript這可以幫助你

<form action="test1.asp" id="testform"> 
<input type="text" id="test3" value=""> 
<input type="radio" id="submit" onclick="modify_value()"/> 
</form> 
<script type="text/javascript"> 
function modify_value() 
{ 
var hidden_field = document.getElementById('test3'); 
hidden_field.value = 'testvalue'; 

} 
</script> 
3

試試這個。應該是跨瀏覽器的,但值得在幾個較舊的瀏覽器中測試。

<html> 
<body> 
<p><span>User clicked: </span><input type="text" id="userAnswer"/></p> 
<input type="radio" name="userAnswerChoice" value="Yes"/> 
<input type="radio" name="userAnswerChoice" value="No"/> 
<input type="radio" name="userAnswerChoice" value="Maybe"/> 
<script type="text/javascript"> 
function handleUserAnswer(e){ 
    var el = e.target || e.srcElement; 
    document.getElementById('userAnswer').value = el.value; 
} 
var radios = document.getElementsByTagName('input'); 
for(var i = 0; i<radios.length; i++){ 
    var r = radios[i]; 
    if(r.getAttribute('name') == 'userAnswerChoice'){ 
     if(r.addEventListener){ 
      r.addEventListener('change',handleUserAnswer); 
     }else if(r.attachEvent){ 
      r.attachEvent('onchange',handleUserAnswer); 
     }else{ 
      r.onChange = handleUserAnswer; 
     } 
    } 
} 
</script> 
</body> 
</html>