Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Radio Button e Button

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    297

    Radio Button e Button

    Ciao a tutti!
    Il mio problema è questo.

    In una pagina .asp ho 5 radio button con relativi 5 button.
    Quando un radio button è "acceso" il button relativo è abilitato e tutti gli altri disabilitati.

    Come posso fare perchè avvenga quanto vi scriverò ora???:

    Quando passo ad un altro radio button, quello "acceso" si spegne e il suo button si disabilita rendendo invece abilitato il button relativo al radio appena acceso.

    Ho provato tanto javascript ma proprio non riesco.
    Forse sbaglio evento al click sul nuovo radio button ...

    Grazie
    Franz

  2. #2
    Reale_Augello
    Guest

    Ecco...

    ... la funzione:

    codice:
    <script language="JavaScript">
    
    function Attiva(indice) {
     var f=document.form1;
     var str="bottone"+indice;
     for (i=0; i<f.elements.length; i++)
     if (f.elements[i].type=="button") {
     	if (f.elements[i].name==str) f.elements[i].disabled=false;
    	else f.elements[i].disabled=true;
     }
    }
    
    </script>
    E questo è il richiamo:

    codice:
    <form name="form1" method="post" action="">
      
    
    
        <input name="radiobutton" type="radio" value="0" checked onClick="Attiva(this.value);">
        <input name="bottone0" type="button" id="bottone0" value="Bottone 1">
      </p>
      
    
     
        <input type="radio" name="radiobutton" value="1" onClick="Attiva(this.value);">
        <input name="bottone1" type="button" id="bottone1" value="Bottone 2" disabled>
      </p>
      
    
     
        <input type="radio" name="radiobutton" value="2" onClick="Attiva(this.value);">
        <input name="bottone2" type="button" id="bottone2" value="Bottone 3" disabled>
      </p>
      
    
     
        <input type="radio" name="radiobutton" value="3" onClick="Attiva(this.value);">
        <input name="bottone3" type="button" id="bottone3" value="Bottone 4" disabled>
      </p>
      
    
    
        <input type="radio" name="radiobutton" value="4" onClick="Attiva(this.value);">
        <input name="bottone4" type="button" id="bottone4" value="Bottone 5" disabled>
      </p>
    </form>
    Ciao !

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    297
    Proprio quello che cercavo !!!!
    Funziona benissimo !!!

    Grazie 1000
    Ciao
    Franz

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.