Cours ⇒ Javascript et AJAX facebook twitter youtube

Les formulaires ⇒ & Accès à des boutons radio



var btn = f.elements["radiobutton"][i];

s += btn.value + ": " + btn.checked + "\n";

 

les boutons radio HTML sont toujours présentés par groupe. Cela signifie que plusieurs boutons radio peuvent avoir le même attribut name, mais que leurs attributs value diffèrent. Ainsi, document.forms[nombre].elements[groupeboutonsradio] accède à l'ensemble du groupe de boutons radio, c'est-à-dire un tableau. Chaque sous-élément de ce tableau correspond à un bouton radio et accepte la propriété checked, laquelle fonctionne de la même manière que celle de la case à cocher : true signifie que le bouton radio est activé et false le contraire. L'accès à la valeur de chaque bouton est également possible : c'est la propriété value qui s'en occupe.  Le code suivant analyse tous les boutons radio et donne leur état :

<body>
<script language="JavaScript"type="text/JavaScript">
function showStatus(f) {
  var s = "";
  for (var i=0; i<f.elements["radiobutton"].length; i++) {
    var btn = f.elements["radiobutton"][i];
    s += btn.value + ": " + btn.checked + "\n";
  }
  window.alert(s);
}
</script>
<form>
  <input type="radio" name="radiobutton"
    value="R" />Rouge
    <input type="radio" name="radiobutton"
    value="G" />Noir
  <input type="radio" name="radiobutton"
    value="B" />Bleau
  <input type="button" value="Show status" onclick="showStatus(this.form);" />
</form>
</body>

Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces