js pour utiliser DOM pour définir les boutons radio, les cases à cocher et les menus déroulants

L'exemple de cet article décrit comment js utilise DOM pour définir les boutons radio, les cases à cocher et les menus déroulants. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Le bouton radio du formulaire est Il s'agit d'un ensemble d'objets que l'utilisateur peut sélectionner, mais un seul peut être sélectionné à la fois. Chacun a un attribut vérifié. Lorsqu'une sélection est vraie, les autres deviennent fausses.
Comme le montre le code ci-dessus, l'identifiant et le nom sont différents. Leurs noms dans un groupe de boutons radio sont les mêmes et un seul est sélectionné. L'identifiant est lié à ou à d'autres effets de sélection.

Dans le code : le code pour vérifier l'objet sélectionné est (lorsque la valeur vérifiée d'un certain élément est vraie, le parcours se termine)

var oForm = document.forms["uForm1"];
var aChoices = oForm.camera;
for (i = 0; i < aChoices.length; i ) //Parcourir toute la liste à choix unique
If (aChoices[i].checked) //Quitter si l'élément sélectionné est trouvé
pause;
alert("La marque de la caméra est : " aChoices[i].value);

Contrairement aux boutons radio, les cases à cocher peuvent sélectionner plusieurs options de traitement en même temps. La case à cocher située avant chaque e-mail dans la boîte aux lettres est une utilisation typique
.

Ce que tu aimes faire :

Jouer au ballon

regarder la télévision

Internet

Lecture

Voyage

Musique

autres

Le principe de la case à cocher est déterminé en utilisant la valeur booléenne de l'attribut coché. Les paramètres peuvent être transmis sous la forme de 0 et 1 pour sélectionner tout et pas tout.

3. Menu déroulant

Le menu déroulant. Lorsque le menu déroulant est à sélection multiple, lorsque multiple="multiple", sa fonction est équivalente à celle d'une case à cocher, mais elle occupe moins de place qu'une case à cocher.

Attributs communs des menus déroulants :

Propriétés	Description
longueur	Indique le nombre d'options
sélectionné	Valeur booléenne, indiquant si
Indice sélectionné	Le numéro de série de l'option sélectionnée, -1 si aucune option n'est sélectionnée. Pour les menus déroulants à sélection multiple, renvoie la première option sélectionnée Numéro de série, en comptant à partir de 0
texte	Texte de l'option
valeur	Valeur de l'option
tapez	Le type de menu déroulant, la sélection unique renvoie une sélection, la sélection multiple renvoie une sélection multiple
options	Récupérez le tableau d'options, par exemple : oSelectBox.options[2], qui représente le troisième élément du menu déroulant oSelectBox