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

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 :

1. Définir les boutons radio

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.

Publiez d'abord un exemple :

Copier le code Le code est le suivant :

Marque de l'appareil photo :

Canon

<étiquette pour="nikon">Nikon

Sony

Olympus

Samsung

Pentax

autres

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)

Copier le code Le code est le suivant :

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);

2. Définir la boîte à sélection multiple

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
.

Copier le code Le code est le suivant :

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 est un élément de formulaire couramment utilisé. Lorsque son menu déroulant est à sélection unique, il a la même fonction que le bouton radio . 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 est sélectionnée
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

①. Obtenez la valeur de sélection radio dans le menu déroulant

Copier le code Le code est le suivant :

Constellation :

Bélier
Taureau
Gémeaux
Cancer
Lion
Vierge
Balance
Scorpion
Sagittaire
Capricorne
bouteille d'eau
Poissons

② Lorsque le menu déroulant est à sélection multiple, la valeur est
.

Copier le code Le code est le suivant :

Constellation :

Bélier
Taureau
Gémeaux
Cancer
Lion
Vierge
Balance
Scorpion
Sagittaire
Capricorne
bouteille d'eau
Poissons

③. Valeur universelle (sélection unique déroulante et sélection multiple)

Copier le code Le code est le suivant :

Constellations :

Bélier
Taureau
Gémeaux
Cancer
Lion
Vierge
Balance
Scorpion
Sagittaire
Capricorne
bouteille d'eau
Poissons

Bélier
Taureau
Gémeaux
Cancer
Lion
Vierge
Balance
Scorpion
Sagittaire
Capricorne
bouteille d'eau
Poissons

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.