使用javascript输入文本的值单选框

时间:2010-07-02 13:50:46

标签: javascript input radio-button

我尝试从输入框中的单选框中获取值

<form action="test()">
    <input type="radio" name="typ" id="typ" value="ws" onfocus="test()" checked> ws
    <input type="radio" name="typ" id="typ2" value="nb" onfocus="test()"> nb
    <input type="radio" name="typ" id="typ3" value="za" onfocus="test()"> za
    <input type="radio" name="typ" id="typ4" value="zb" onfocus="test()"> zb
</form>

这是我的js:

<script type="text/javascript">

    function test(){
        document.getElementById('serverid').value=document.getElementById('typ').value;
    }

    function test(){
        document.getElementById('serverid').value=document.getElementById('typ2').value;
    }

    function test(){
        document.getElementById('serverid').value=document.getElementById('typ3').value;
    }

    function test(){
        document.getElementById('serverid').value=document.getElementById('typ4').value;
    }

</script>

这是我的输入框,在这里我将获得无线电盒的值:

<input type="text" style="background-color:#ffffff" size="15" name="ID" id="serverid">

但是每次zb都在输入框中,但我会选择:-)我希望你能解开我,我很喜欢我的英语。

我希望有人可以帮助我。

2 个答案:

答案 0 :(得分:1)

最后一个“测试”功能隐藏了所有前面的“测试”。命名不同,或使用onfocus =“test('ws / nb / za / zb')”和

function test(rbId)
{
  document.getElementById('serverid').value=document.getElementById(rbId).value;
}

答案 1 :(得分:1)

您只需要一个功能:

function test() {
    r = document.forms['theform'].elements['typ'];
    for(var x = 0; x < r.length; x++) {
            if(r[x].checked) {
                radiovalue = r[x].value;
            }
        }
    document.getElementById('serverid').value=radiovalue;
}

将表单替换为表单名称