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

    radio per abilitare nascondere campi

    Salve!
    Ho trovato questo codice

    codice:
    <FORM>
      
    
    Clicca qui per una prova 
        <input name="checkbox" type="checkbox" onClick="document.all.mostraBox.style.display = (document.all.mostraBox.style.display == 'none') ? '' : 'none'">
        
    
        <INPUT TYPE=TEXT STYLE="display:none" ID="mostraBox" size=25>
    </FORM>
    che mi visualizza/nasconde un campo testo a secondo dello stato di una checkbox.
    Volevo chiedervi se era possibile fare una cosa del genere usando dei radio button invece dei check.
    Nel caso specifico ho 2 radiobutton.
    Il primo è selezionato di default e sotto mi dovrebbe apparire il textfield relativo.Quando invece seleziono il secondo mi dovrebbe scomparire il primo textfield e al suo posto comparirmene un altro.
    Naturalmente se riseleziono il primo radio dovrebbe tornare tutto come prima.
    Sul forum ho trovato qualche cosa, ma tutte le soluzioni proposte non prevedono il fatto che i textfield vengano visualizzato tutti e due nella medesima posizione, cioà quando seleziono il secondo radiobutton il textfield relativo dovrebbe andare ad occupare lo spazio occupato dal primo text field.
    Non so se mi sono spiegato.

    Se mi aiutate ve ne sarò grato per almeno almeno le prossime 4 ore

    CIAU CIAU
    Se la vita ti sorride, ti sta prendendo per il cul0

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Esempio:
    codice:
    <FORM>
      
    
    Clicca qui per una prova 
        <input name="mioRadio" type="radio" onClick="v=(this.checked);this.form.text1.style.display=(v)?'block':'none';this.form.text2.style.display=(v)?'none':'block';" checked>
        <input name="mioRadio" type="radio" onClick="v=(this.checked);this.form.text2.style.display=(v)?'block':'none';this.form.text1.style.display=(v)?'none':'block';">
        
    
        <INPUT TYPE=TEXT STYLE="display:block;" name="text1" size=25 value="1">
        <INPUT TYPE=TEXT STYLE="display:none;" name="text2" size=25 value="2">
    </FORM>
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Grazie Br1! Sei un grande!
    Era proprio quello che mi serviva.
    Grazie ancora.

    CIAU CIAU
    Se la vita ti sorride, ti sta prendendo per il cul0

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 © 2026 vBulletin Solutions, Inc. All rights reserved.