Objet case d'option javascript

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

Explication

Objet case d'option:
Les syntaxes suivants sont pour l'objet case d'option javascript
Syntaxe: document.nomdelaforme.nomdel'option
Exemple de Code:
<form name=testform>
<input name=rb1 value=test type=radio>
<input name=rb2 value=test2 type=radio>
</form>
<script language="javascript">
var rbobject= document.testform.rb1;
</script>

L'objet cbobject est une matrice d'éléments option. Pour utiliser la primière case d'option, on doit faire appel à rbobject[0], rbobject[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 d'option.
Modules de commande d'événement: relatif à la forme de type case d'option:
Tous les exemples qui suivent utilisent la fonction javascript output
<script language=javascript>
fonction output()
{
alert("test des événements RadioButton");
}
</script>
Module de commande d'événementDéscriptionExemple
onMouseOver Cette fonction est appelée quand le curseur de la souri passe sur la case d'option <input type=radio onMouseOver="output()">
Résultat: CB1
onMouseDown Cette fonciton est appelée quand on appuye sur la souri quand le curseur est sur la case d'option <input type=radio onMouseDown="output()">
Résultat: CB1
onMouseUp Cette fonction est appelée après qu'on relache le touche de la souri <input type=radio onMouseUp="output()">
Résultat: CB1
onClick Cette fonction est appelée quand on appuye sur l'option <input type=radio onClick="output()">
Résultat: CB1
onBlur Des codes sont exécutés après que la case d'option perd la sélection en utilisant la touche tab <input type=radio onBlur="output()">
Résultat: CB1
onFocus Des codes sont exécutés quand la case d'option est sélectionnéeen utilisant la touche tabDe <input type=radio 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 d'option avec le javascript.
Les exemples qui suivent sont selon la forme utilisée
<form name=testrb>
<input name=myrb1 type=radio value=xxx> Checking 1
<input name=myrb2 type=radio value=xxx> Checking 2
</form>
Propriété DOMDéscriptionExemple
checked Sert à cocher ou à sélectionner la case d'option Pour Cocher:
var ss = document.testb.myrb[0].checked;
Pour Sélectionner:
document.testb.myrb[1].checked = true;
Ceci va sélectionner le deuxième élément.
defaultChecked Sert à établir la valeur par défaut de la case d'option Pour l'Obtenir:
var ss = document.testb.myrb[0].defaultChecked;
form Sert à connaître le point noresp_codel parent (form object) de la case d'option Pour l'Obtenir:
var ss = document.testb.myrb[0].form;
name Sert à obtenir le nom de la case d'option Pour l'Obtenir:
var ss = document.testb.myrb[0].name;
type Sert à connaître le type de forme Pour l'Obtenir:
var ss = document.testb.myrb[0].type;
value Sert à connaître ou à configurer la valeur de la case d'option Pour l'Obtenir:
var ss = document.testb.myrb[0].value;
Configuration::
document.testb.myrb[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 d'option avec le javascript.
Méthode DOMDéscriptionExemple
click() Sert à cocher la case d'option Pour Cliquer:
document.testb.myrb.click();
blur() Sert à griser la case d'option Pour Griser:
document.testb.myrb.blur();
focus() Sert à mettre la sélection sur la case d'option Pour Sélectionner:
document.testb.myrb.focus();

Exemple: Sélectionner la case d'option avec le passage de la souri
<script language=javascript>
fonction rbevent()
{
var xx = document.xx.rbtest;
xx.checked = true;
}
</script>

<form name=xx>
<input type=radio name=rbtest onMouseOver="rbevent()"> Checking
</form>
Résultat:
Vérification