boîtes de radio Valeur au texte d'entrée avec le javascript

Question

i essayer d'obtenir la valeur d'une boîte de radio dans une boîte d'entrée

<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> 

Et voici mon 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> 

Ceci est mon Inputbox et ici, je vais obtenir la valeur des boîtes de radio:

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

mais il est à chaque fois ZB dans le inputbox mais je choisirai :-) J'espère que vous me Unterstand, Je suis sry pour mon anglais.

J'espère que quelqu'un peut m'aider.

Answer 1

La dernière fonction "test" masque tous les "tests" précédents. Nommez-les différemment, ou l'utilisation onfocus = "test ('ws/nb/za/ZB)" et

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

Answer 2

Vous ne devez une fonction:

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; 
} 

Remplacer LeForm avec le nom de votre forme