0

ラジオボタンが3つありますが、そのうちの1つを選択すると、テキストボックスにテキストが自動的に入力されます。たとえば、ユーザーが[はい]ラジオボタンを選択した場合、テキストボックスに「はい」というテキストを入力し、別のラジオボタンを選択した場合はそれをクリアします。

誰か助けてもらえますか？

4

4 に答える 4

3

これが欲しいですか？

http://jsfiddle.net/viralshah/KNct8/3/

これで問題が解決することを願っています。

于 2012-10-17T09:20:53.880 に答える
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>
于 2012-10-17T09:30:50.693 に答える
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>
于 2012-10-17T09:19:19.707 に答える
0

onclickイベントがあるので、onclick = "function"を追加し、その関数にu set text ... Uは、ラジオボックスからそのようなJavaScriptを使用してテキストを取得できます。ラジオボタンのテキスト（値ではない）を取得するにはどうすればよいですか。

于 2012-10-17T09:18:56.853 に答える