Dom HTML : Objet Input.checked

La propriété javascript checked

Définition

L'attribut javascript checked de l'objet Input du Document Object Model HTML (DOM HTML) permet de connaître et de modifier l'attribut CHECKED d'une balise HTML INPUT dont la valeur de l'attribut TYPE est "radio" ou "checkbox".

Valeur retournée et acceptée de checked

Valeur retournée et acceptée

L'attribut javascript checked de l'objet Input du Document Object Model HTML (DOM HTML) accepte comme valeur :
- false, l'objet n'est pas sélectionné.
- true, l'objet est sélectionné.

L'attribut javascript checked de l'objet Input du Document Object Model HTML (DOM HTML) renvoie comme valeur :
- false, l'objet n'est pas sélectionné, valeur par défaut.
- true, l'objet est sélectionné.

Exemples de checked

Exemple

Voici le document XML :
Exemple de code :
<form id="formulaire" >
  <input type="radio" name="grouperadio" value="0">
  <input type="radio" name="grouperadio" value="1">
  <input type="radio" name="grouperadio" value="2">
  <input type="radio" name="grouperadio" value="3">
  <button type="button" onclick="input_checked(this,'test')"> Tester input.checked </button>
  <button type="button" onclick="input_checked(this,'change')"> Changer input.checked </button>
</form>

Code javascript :
Exemple de code :
function input_checked(obj,sAction){
  var oForm = obj.form;
  var aRadio = oForm["grouperadio"];
  if(sAction == 'change'){
    var iAleatoire = Math.floor(Math.random()*((aRadio.length-1)-0+1)+0);
    aRadio[iAleatoire].checked = true;
  }else{
    sMg ='';
    for(var i = 0;i<aRadio.length;i++){
      sMg +='Radio n°'+i+" est "+((aRadio[i].checked)?'':'non ')+"checkedn"
    }
    alert(sMg);
  }
}

La balise HTML et XHTML INPUT va vous permettre de faire : - un champ texte, - un champ caché, - un bouton, - un bouton radio, - une case à cocher. <I...[Voir]