单击单选按钮填充文本框

时间:2012-10-17 09:17:32

标签: javascript jquery

我有3个单选按钮,当选择其中一个按钮时,我想自动将文本放入文本框中。例如,如果用户选择了“是”单选按钮,我希望文本框中包含“是”文本,如果他们选择另一个单选按钮,我希望将其清除。

任何人都可以帮助我吗?

4 个答案:

答案 0 :(得分:3)

你想要这个吗?

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

希望这可以解决您的问题。

答案 1 :(得分: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>

答案 2 :(得分: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 :(得分:0)

你有一个onclick事件所以添加onclick =“function”并在该函数中设置文本...你可以通过一些javascript来获取文本,例如How do I get the text of a radio button (not the value)