Java Script - prelucrarea butoanelor radio


                Eticheta care realizeaza un buton radio este <INPUT TYPE=RADIO>. Mai exact:

               <INPUT TYPE=RADIO NAME="radio-set-id"   VALUE="choice-id" [CHECKED]>

              Este o forma ce permite utilizatorului sa aleaga dintr-un set de alternative. Fiecare buton radio din setul de alternative din forma are aceeasi valoare a atributului. Evident, un singur buton radio poate fi selectat o data. Atributul VALUE specifica datele transmise.

            Urmatorul exemplu prelucreaza "raspunsul" transmis de utilizator. Acesta trebuie sa aleaga numai unul din mai multe alternative posibile. Parametrul transmis este un numar (una din valorile 1, 2, 3 sau o alta valoare, respectiv 4). In functie de fiecare dintre aceste valori se afiseaza un alt mesaj.
 
 


 
Gica Muresan este:

scund
inalt
de inaltime medie
Cine este Gica Muresan?


 

             Functia radio de parametru value verifica valoarea transmisa din elementul buton radio din formular.
             Functia este apelata la evenimentul onclick realizat prin clic de mouse a butonului radio corespunzator si are forma:
 

function radio( value ) 
   {
   if( value == 1 )
      alert('Incorect. Mai incearca!');
   else if (value == 2) 
      alert('Corect!');
   else if (value == 3) 
      alert("Nu chiar!");
   else
      alert("Nu stii cine e Gica? A jucat baschet la NBA!.");
 }

            Forma html este urmatoarea:
 

<form>
Gica Muresan este:
<p><input type="radio" name="Q1" value="1"
    onclick="radio(1);">scund
<br><input type="radio" name="Q1" value="2" onclick="radio(2);">inalt
<br><input type="radio" name="Q1" value="3" onclick="radio(3);">de inaltime
medie
<br><input type="radio" name="Q1" value="4" onclick="radio(4);">Cine este
Gica Muresan?
</form>