Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    input radio con div a comparsa

    ciao ragazzi, sto cercando l'equivalente di questo codice applicato agli input radio.

    Codice PHP:
    <script language="javascript">
        function 
    toggleMe(obja){
          var 
    e=document.getElementById(a);
          if(
    obj=="1"){
            
    e.style.display="block";
          }else{
        
    e.style.display="none";
    }
        }
    </script>

    <select name="prova" onchange="toggleMe(this.options[this.selectedIndex].value, 'esempioInfo')">
        <option value='0'>caso 1 </option>
        <option value='1'>caso 2</option>
    </select>

    <div id="esempioInfo" style="display: none;">contenuto div</div> 
    in poche parole, l'evento "mostra" o "nascondi il contenuto del div" dovrebbe dipendere non da una select ma da 2 radio button

    Codice PHP:
    <input name="prova" type="radio" value="0">
    <
    input name="prova" type="radio" value="1"
    qualcuno può aiutarmi?

  2. #2
    Ciao, prova così:

    codice:
    <input name="prova" type="radio" value="0" onclick="toggleMe(this.value, 'esempioInfo')">
    <input name="prova" type="radio" value="1" onclick="toggleMe(this.value, 'esempioInfo')">
    La democrazia rappresentativa ha fatto il suo tempo, è ora di passare alla democrazia diretta.
    www.beppegrillo.it

  3. #3
    grazie

    già che c'ero ho rivisitato un pò il codice in modo da unire entrambe le funzioni (select+radio)

    Codice PHP:
    <script type="text/javascript">
    <!--
        function 
    toggleLayer1(val1)
        {
            if (
    val1 == '0')
            {
                
    document.getElementById('layer1').style.display 'none';
            }
            if (
    val1 == '1')
            {
                
    document.getElementById('layer1').style.display 'block';
            }
        }
        function 
    toggleLayer2(val2)
        {
            if (
    val2 == '0')
            {
                
    document.getElementById('layer2').style.display 'none';
            }
            if (
    val2 == '1')
            {
                
    document.getElementById('layer2').style.display 'block';
            }
        }
    -->
    </script>

    <select name='prova' onchange='toggleLayer1(this.options[this.selectedIndex].value)'>
        <option value='0'>pulsanti nascosti</option>
        <option value='1'>pulsanti visibili</option>
    </select>

    <div id='layer1' style='display:none;'>
        <input name='prova' type='radio' value='0' checked='checked' onclick='toggleLayer2(!this.checked);' />
        <input name='prova' type='radio' value='1' onclick='toggleLayer2(this.checked);' />
        <div id='layer2' style='display:none;'>
            Cuc&ugrave;!
        </div>
    </div> 

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.