Registerscript（HTML和Javascript）

Question

我正在使用注册脚本，但我卡住了。我对用户支付或免费会员资格有oppertunity。当他们选择“支付”时，薪水栏变得可见，但如果我之后选择“免费”，我会看到免费和薪水栏。但我只想要一个列中不能同时看到在同一时间

的Javascript

  <script type="text/javascript"> 
      function betal(value) { 
       if (value == 'show') { document.getElementById('betalversion').style.display = 'block'; } 
       else { document.getElementById('betalversion').style.display = 'none'; } 
      } 
     </script> 

     <script type="text/javascript"> 
      function gratis(value) { 
       if (value == 'show') { document.getElementById('gratisversion').style.display = 'block'; } 
       else { document.getElementById('gratisversion').style.display = 'none'; } 
      } 
     </script> 

HTML

<div class="FormGroup"> 
       <h2 class="description">Vad skulle du vilja ha?</h2> 
       <label class="choice"> 
        <input id="gratisVersion" name="field_Payment" type="radio" value="Gratis" class="required" onclick="gratis('show');"> 
        Gratis Version</label> 
       <br /> 
       <label class="choice"> 
        <input id="betalVersion" name="field_Payment" type="radio" value="Betal" class="required" onclick="betal('show');"> 
        Betal Version</label> 

       <br /> 
      </div> 

      <div class="FormGroup" style="display: none" id="betalversion"> 
       <br /> 
       <h2 class="description">Fyll i dina uppgifter</h2> 
       <br> 
       <div class="explanation">Här är nåt</div> 
       <input type="text" name="paypal_address" id="Text1" size="40"> 
      </div> 

      <div class="FormGroup" style="display: none" id="gratisversion"> 
       <br /> 
       <h2 class="description">Fyll i dina uppgifter</h2> 
       <br> 
       <label for="name">Användarnamn</label><input type="text" name="name" id="name"/> 
     <br /> 
       <label for="pass">Lösenord</label><input type="password" name="pass" id="pass" onkeyup="passwordStrength(this.value)" /> 
       <br /> 

       <p> 

Answer 1

<script type="text/javascript"> 

    function betal(value) { 
      if (value == 'show') { 
       document.getElementById('betalversion').style.display = 'block'; 
       document.getElementById('gratisversion').style.display = 'none'; 
      } 
      else { 
        document.getElementById('betalversion').style.display = 'none'; 
       document.getElementById('gratisversion').style.display = 'block'; 
      } 
       } 
     </script> 

     <script type="text/javascript"> 
     function gratis(value) { 
       if (value == 'show') { 
        document.getElementById('betalversion').style.display = 'none'; 
        document.getElementById('gratisversion').style.display = 'block'; 
       } 
       else { 
        document.getElementById('gratisversion').style.display = 'none'; 
        document.getElementById('betalversion').style.display = 'block'; 
       } 
      } 
     </script> 

Answer 2

<script type="text/javascript"> 
var beta=document.getElementById('betalversion'); 
var grati=document.getElementById('gratisversion'); 
      function betal(value) { 
       beta.style.display = 'none'; 
       grati.style.display = 'none'; 
      if (value == 'show') { 
       beta.style.display = 'block'; } 
      else { beta.style.display = 'none'; } 
     } 

    </script> 

    <script type="text/javascript"> 
     function gratis(value) { 
      beta.style.display = 'none'; 
       grati.style.display = 'none'; 
      if (value == 'show') { grati.style.display = 'block'; } 
      else { grati.style.display = 'none'; } 
     } 
    </script> 

隐藏无论在切换

的div