0

私は登録スクリプトに取り組んでいますが、立ち往生しています。ユーザーが有料または無料の会員になる機会があります。そして、「有料」を選択すると有料列が表示されますが、その後「無料」を選択すると無料列と有料列の両方が表示されます。しかし、同時に両方ではなく、1つの列だけを表示したい

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

2 に答える 2

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>
于 2013-03-06T13:15:11.540 に答える
0 
 <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を非表示にする

于 2013-03-06T13:21:18.647 に答える