Objet case à cocher javascript

Comment changer la sélection d'une case à cocher avec le javascript?
ou
Quels sont les événements relatifs à une case à cocher?

Explication


Objet Checkbox :
Le syntaxe sert à obtenir l'objet checkbox javascript
Syntaxe: document.nomdelaforme.nomdelacaseà cocher
Exemple de Code:
<form name=testform>
<input name=cb1 value=test type=checkbox>
<input name=cb2 value=test2 type=checkbox>
</form>
<script language="javascript">
var cbobject= document.testform.cb1;
</script>

L'objet cbobject est une matrice d'élément case à cocher. Pour utiliser la première case à cocher, on doit faire appel à cbobject[0], cbobject[1] pour la deuxième et ainsi de suite.. Suivant les événements, propriétés et méthodes dom relatifs à l'élément case à cocher.
Modules de commande d'événement: Relatif au form de type case à cocher:
Tous les exemples qui suivent utilisent la fonction javascript output
<script language=javascript>
fonction output()
{
alert("test des événements d'une case à cocher");
}
</script>
Module de commande d'événementDéscriptionExemple
onMouseOver Cette fonctin est appelée quand le cursuer de la souri passe sur la case à cocher <input type=checkbox onMouseOver="output()">
Résultat: CB1
onMouseDown Cette fonction est appelée quand on appuye sur la souri quand le curseur est sur la case à cocher <input type=checkbox onMouseDown="output()">
Résultat: CB1
onMouseUp Cette fonction est appelée après qu'on relache la touche de la souri <input type=checkbox onMouseUp="output()">
Résultat: CB1
onClick onClick est appelé quand quand on clique sur la case à cocher <input type=checkbox onClick="output()">
Résultat: CB1
onBlur Des codes sont exécutés après que la case à cocher perd la sélection en utilisant la touche tab <input type=checkbox onBlur="output()">
Résultat: CB1
onFocus Des codes sont exécutés quand la case à cocher est sélectionnéeen utilisant la touche tab <input type=checkbox onFocus="output()">
Résultat: CB1

Propriétés DOM:
Suivant une liste des propriétés DOM (Dynamic Object Model) qui servent à obtenir et à modifier les propriétés d'une case à cocher avec le javascript.
Les exemples qui suivent sont selon la forme utilisée
<form name=testb>
<input name=mycb type=checkbox value=111> box1
<input name=mycb type=checkbox value=222> box2
</form>

Propriété DOMDéscriptionExemple
checked Sert à cocher ou sélectionner une case à cocher. Chaque élément doit être coché individuelement. Avec la sélection, l'élément renvoiera la valeur vraie, autrement la valeur sera fausse. Pour Cocher:
var ss = document.testb.mycb[0].checked;
var ss1 = document.testb.mycb[1].checked;
Pour Sélectionner:
document.testb.mycb[0].checked = true;
defaultChecked Sert à établir la propriété par défaut de la case à cocher Pour l'Obtenir:
var ss = document.testb.mycb[0].defaultChecked;
form Sert à obtenir le point noresp_codel parent (form object) de la case à cocher Pour l'Obtenir:
var ss = document.testb.mycb[0].form;
name Sert à obtenir le nom de la case à cocher Pour l'Obtenir:
var ss = document.testb.mycb[0].name;
type Sert à connaître le type de forme Pour l'Obtenir:
var ss = document.testb.mycb[0].type;
value Sert à configurer ou à obtenir la valeur d'une touche Pour l'Obtenir:
var ss = document.testb.mycb[0].value;
Configuration::
document.testb.mycb[0].value = "testy";

Méthodes DOM:
Suivant une liste de méthodes DOM (Dynamic Object Model) qui servent à faire des changements dynamique comme la sélection d'une case à cocher avec le javascript.
Méthode DOMDéscriptionExemple
click() Sert à cocher une case à cocher Pour Cliquer:
document.testb.mycb.click();
blur() Sert à griser la case à cocher Pour Griser:
document.testb.mycb.blur();
focus() Sert à mettre la sélection sur la case à cocher Pour Sélectionner:
document.testb.mycb.focus();

Exemple: Sélectionner une case à cocher avec le passage de la souri
<script language=javascript>
fonction cbevent()
{
var xx = document.xx.cbtest;
xx.checked = true;
}
</script>

<form name=xx>
<input type=checkbox name=cbtest onMouseOver="cbevent()"> Checking
</form>
Résultat:
Vérification