La case à cocher permet de choisir 0, 1, 2 ou plusieurs options parmi une série
<INPUT type="checkbox">
La voici :
Voici un exemple d'une série de 3 cases à cocher pour sélectionner un ou plusieurs sports. Il s'agit de voir comment on peut faire pour déterminer si une case est cochée ou pas (checked), ainsi que le nom de la case à cocher (value). C'est quand on clique sur le bouton "Cliquez moi !" que la fonction Truc() est appelée. les cases à cocher sont numérotées à partir de 0 :
<SCRIPT LANGUAGE = "JavaScript">
function Truc()
{
alert (CACSportPrefere(0).checked)
// Petanque (checked
= false ou true)
alert (CACSportPrefere(1).checked)
// Billard (checked
= false ou true)
alert (CACSportPrefere(2).checked)
// Tennis (checked = false ou true)
alert (CACSportPrefere(2).value)
// Tennis (value = Tennis)
}
</SCRIPT>
<HTML>
<HEAD>
</HEAD>
<BODY>
<INPUT TYPE="CHECKBOX" NAME=CACSportPrefere
VALUE="Petanque">La pétanque
<BR> // 0
<INPUT TYPE="CHECKBOX" NAME=CACSportPrefere
VALUE="Billard">Le billard
<BR> // 1
<INPUT TYPE="CHECKBOX" NAME=CACSportPrefere
VALUE="Tennis">Le tennis
<BR> // 2
<INPUT TYPE="BUTTON" NAME=BDCVoir VALUE="Cliquez-moi
!" ONCLICK="JavaScript:Truc()"><BR>
</BODY>
</HTML>
Cliquez ici pour visualiser le résultat
Le bouton radio fonctionne exactement de la même manière que la case à cocher, la seule différence étant qu'un seul bouton radio peut-être choisi parmis tous les boutons radio qui possèdent le même nom (BTREtatCivil en l'occurrence).
Voici un exemple de boutons radio, ou, à l'inverse des cases à cocher qui permettaient d'apprécier plusieurs sports, cette fois, il s'agit de l'état civil qui, par définition ne peut être qu'une seule chose. Ici : Marié(e), Célaibataire ou Divorcé(e) :
<SCRIPT LANGUAGE = "JavaScript">
function Truc()
{
alert (BTREtatCivil(0).checked)
// Marie checked = true ou false
alert (BTREtatCivil(1).checked) //
Celibataire checked = true ou false
alert (BTREtatCivil(2).checked) //
Divorce checked = true ou false
alert (BTREtatCivil(2).value) //
Divorce value = Divorce
alert (BTREtatCivil(2).name) //
Divorce name = BTREtatCivil
}
</SCRIPT>
<HTML>
<HEAD> </HEAD>
<BODY>
Vous
êtes : <BR>
<INPUT TYPE="radio"
NAME=BTREtatCivil VALUE=Marie>Marié(e)
<BR>
<INPUT TYPE="radio"
NAME=BTREtatCivil VALUE=Celibataire>Célibataire
<BR>
<INPUT TYPE="radio"
NAME=BTREtatCivil VALUE=Divorce>Divorcé(e)
<BR>
<INPUT
TYPE="button" VALUE="OK" NAME="BDCOK" ONCLICK="JavaScript:Truc()">
</BODY>
</HTML>
Cliquez ici pour visualiser le résultat