Basculer entre deux boutons radio

Question

J'ai lu plusieurs messages stackoverflow mais aucun n'a semblé m'aider à comprendre où se trouve mon erreur. J'essaie d'avoir deux boutons radio qui par défaut le formulaire long est vérifié et le formulaire court n'est pas vérifié, mais si le formulaire court est coché, le formulaire long n'est pas vérifié. Si l'on devait également décocher le formulaire court, le formulaire long devrait être coché par défaut.

<input type="radio" id="shortForm" onChange="toggle(this);"> Short Form 
<input type="radio" id="longForm" onChange="toggle(this);"> Long Form 

function toggle(chkBox) 
{  
    if (chkBox.checked) 
    { 
     var previousCheckId; 

     if (previousCheckId) 
     { 
      document.getElementById(previousCheckId).checked = false; 
     } 
     previousCheckId = chkBox.getAttribute('id'); 
    } 
} 

http://jsfiddle.net/na8qL/

J'essaie d'éviter d'utiliser jquery et il suffit d'utiliser pur javascript et html.

J'ai obtenu ceci jusqu'à présent mais mes mots ne sont pas alignés correctement? Comment puis-je les faire alligned?

<input type="radio" id="shortForm" name="frm"style="position:absolute; top:10px; right:875px"> Short Form </input> 
<input type="radio" id="longForm" name="frm" style="position:absolute; top:10px; right:475px"> Long Form </input> 

Answer 1

Pas besoin de JavaScript. Donnez des noms aux éléments:

<input type="radio" id="shortForm" name="frm"> Short Form 
<input type="radio" id="longForm" name="frm"> Long Form 

jsFiddle: http://jsfiddle.net/bjyjv/