2012-10-17 7 views
0

라디오 버튼이 3 개 있습니다. 그 중 하나를 선택하면 텍스트를 텍스트 상자에 자동으로 넣고 싶습니다. 예를 들어 사용자가 '예'라디오 버튼을 선택한 경우 텍스트 상자에 '예'라는 텍스트를 넣고 다른 라디오 버튼을 선택하면이 텍스트를 지우려고합니다.라디오 버튼을 클릭 할 때 텍스트 상자 채우기

아무도 도와 줄 수 있습니까 ??

답변

1

같은 일부 자바 스크립트와 라디오 상자에서 텍스트를 얻을 수 이것은 당신에게

도움이 될
<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> 
관련 문제