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

    Abilitazione/disabilitazione text box

    Ciao!
    Ho realizzato un form in cui è presente un campo textbox e una checkbox: comi si può rendere "attiva" la text box solo nel caso in cui sia spuntata la checkbox?
    Grazie in anticipo!

  2. #2
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    codice:
    <FORM name=form1 >
    <INPUT type="text" name=text1 value="aaa" disabled> 
    <INPUT type="checkbox" id=checkbox1 name=checkbox1 onclick="this.form.text1.disabled = !this.checked;">
    </FORM>

  3. #3
    Grazie pietro09!
    Funziona perfettamente.
    Un passo in più: se volessi invece che la text box sia invisibile ed appaia solo se seleziono la check box cosa bisogna fare?
    Grazie ancora!

  4. #4
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    codice:
    <FORM name=form1 >
    <label for="checkbox1">Visualizza textbox: </label>
    <INPUT type="checkbox" id=checkbox1 name=checkbox1 onclick="this.form.text1.style.visibility = this.checked ? 'visible':'hidden';">
    <INPUT type="text" name=text1 value="aaa" style="visibility:hidden;"> 
    
    </FORM>

  5. #5
    Funziona!
    Non mandarmi a quel paese, ma ho bisogno di un ultimo tuo aiuto: se invece della checkbox avessi 2 radio button che, a seconda di quello che viene selezionato, faccia comparire la relativa text box, cosa devo scrivere?
    CIAO!

  6. #6
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    codice:
    <FORM name=form1 >
    	<label for="radio1">visualizza</label><INPUT type="radio" id=radio1 name=radio1 value=visible onclick="this.form.text1.style.visibility='visible';">
    	<label for="radio2">nascondi</label><INPUT type="radio" id=radio2 name=radio1 value=hidden onclick="this.form.text1.style.visibility='hidden';" checked>
    	<INPUT type="text" name=text1 value="aaa" style="visibility:hidden;" > 
    </FORM>

  7. #7
    Rieccomi: così facendo lui fa apparire o nascondere la tect box a seconda di quale radio si seleziona, ma se invece io volessi che selezionando il radio1 venga visualizzata solo la text1 e se seleziono la radio2 sparisca la text1 e appaia la text2?
    Ho provato con il seguente codice (x cercare di non romperti +)...ma ovviamente non va....

    <FORM name=form1 >
    <label for="radio1">visualizza1</label>
    <INPUT type="radio" id=radio1 name=radio1 value=visible onclick="this.form.text1.style.visibility='visible ';">
    <label for="radio2">visualizza2</label>
    <INPUT type="radio" id=radio2 name=radio1 value=hidden onclick="this.form.text2.style.visibility='visible ';" checked>
    <INPUT type="text" name=text1 value="aaa" style="visibility:hidden;" >
    <input type="text2" name=text2 value="bbb" style="visibility:visible;" >
    </FORM>

  8. #8
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    codice:
    <FORM name=form1 > 
    	<label for="radio1">visualizza1</label> 
    	<INPUT type="radio" id=radio1 name=radio1 onclick="this.form.text1.style.visibility='visible';this.form.text2.style.visibility='hidden';" checked> 
    	
    	<label for="radio2">visualizza2</label> 
    	<INPUT type="radio" id=radio2 name=radio1 onclick="this.form.text2.style.visibility='visible';this.form.text1.style.visibility='hidden';" > 
    	
    	<INPUT type="text" name=text1 value="aaa" style="visibility:visible;" > 
    	<input type="text" name=text2 value="bbb" style="visibility:hidden;" > 
    </FORM>

  9. #9
    E' perfetto x le mie esigenze!
    Grazie 1000!
    Ciao.

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.