Maison >interface Web >Questions et réponses frontales >Comment obtenir de la valeur en javascript

Comment obtenir de la valeur en javascript

WBOY
WBOYoriginal
2023-05-17 17:21:082009parcourir

Avec le développement rapide du développement Web moderne, JavaScript est devenu l'un des langages les plus importants dans le développement Web front-end. En JavaScript, l'obtention de valeurs est une opération très basique et importante, et c'est également une partie indispensable du travail de développement quotidien. Cet article présentera les méthodes et techniques permettant d'obtenir différents types de valeurs en JavaScript, et proposera quelques cas pratiques.

1. Obtenez la valeur de la zone de saisie

Dans le développement Web, nous avons généralement besoin d'obtenir des données d'entrée de l'utilisateur, telles que la saisie de l'utilisateur dans la zone de saisie du formulaire. JavaScript fournit plusieurs méthodes pour obtenir la valeur de la zone de saisie, notamment :

  1. Obtenir la zone de saisie par identifiant

Le moyen le plus simple d'obtenir la zone de saisie est d'obtenir l'élément par identifiant, puis d'obtenir la valeur du élément. Par exemple, pour une zone de saisie avec l'identifiant "input", vous pouvez utiliser le code suivant pour obtenir sa valeur :

let inputEle = document.getElementById('input');
let inputValue = inputEle.value;
  1. Obtenir la zone de saisie par nom

En plus d'obtenir la zone de saisie par identifiant, nous pouvons obtenez également l'entrée via la zone d'attribut de nom. Cette méthode convient aux formulaires contenant plusieurs zones de saisie. Nous pouvons obtenir l'élément de zone de saisie avec l'attribut de nom spécifié en parcourant les éléments du formulaire.

let forms = document.forms;
for (let i = 0; i < forms.length; i++) {
  let inputEle = forms[i].elements['username'];
  let inputValue = inputEle.value;
}

2. Obtenir les valeurs des boutons radio et des cases à cocher

Dans les formulaires, nous avons souvent besoin d'obtenir les valeurs des boutons radio et des cases à cocher. Différent de l’obtention de la valeur de la zone de saisie, l’obtention de la valeur du bouton radio et de la case à cocher nécessite l’utilisation de méthodes différentes.

  1. Obtenir la valeur du bouton radio sélectionné

Pour la boîte à boutons radio, nous devons parcourir la boîte à boutons radio, trouver l'élément sélectionné et obtenir sa valeur.

let radios = document.getElementsByName('gender');
let radioValue;
for (let i = 0; i < radios.length; i++) {
  if (radios[i].checked) {
    radioValue = radios[i].value;
    break;
  }
}
  1. Obtenir la valeur de plusieurs cases à cocher

Pour les cases à cocher, nous devrons peut-être obtenir plusieurs valeurs de la case à cocher sélectionnée. À ce stade, nous devons utiliser la méthode consistant à parcourir les cases à cocher et à stocker la valeur de la case à cocher sélectionnée dans un tableau.

let checkboxes = document.getElementsByName('hobbies');
let checkboxValues = [];
for (let i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    checkboxValues.push(checkboxes[i].value);
  }
}

3. Obtenez la valeur de la liste déroulante

La liste déroulante est également un élément de formulaire courant, et nous devons en obtenir la valeur sélectionnée. Comme pour le bouton radio, nous devons parcourir la liste déroulante, rechercher l'élément sélectionné et obtenir sa valeur.

let selectEle = document.getElementById('city');
let selectValue = selectEle.options[selectEle.selectedIndex].value;

4. Obtenez la valeur des paramètres d'URL

Dans le développement Web, nous avons souvent besoin d'obtenir les valeurs des paramètres dans l'URL. JavaScript fournit certaines méthodes pour obtenir les valeurs des paramètres dans l'URL, telles que les attributs URLSearchParams et location.search.

  1. URLSearchParams

URLSearchParams est une nouvelle API qui peut facilement analyser les chaînes de requête d'URL. Nous pouvons utiliser sa méthode get pour obtenir la valeur du paramètre spécifié.

let params = new URLSearchParams(location.search);
let id = params.get('id');
  1. location.search

Si vous souhaitez obtenir la valeur du paramètre dans l'URL, vous pouvez utiliser la propriété location.search de l'objet fenêtre d'objet global. location.search renvoie la partie requête de l'URL (la partie commençant par le point d'interrogation ?).

let searchStr = window.location.search;
let params = new URLSearchParams(searchStr);
let id = params.get('id');

5. Résumé

Cet article présente principalement comment JavaScript peut obtenir différents types de valeurs, notamment l'obtention de valeurs à partir des zones de saisie de formulaire, des cases radio, des cases à cocher et des listes déroulantes, ainsi que l'obtention de valeurs de paramètres à partir des URL. Quel que soit le type de valeur, JavaScript fournit les méthodes correspondantes pour l'obtenir. Il suffit de choisir la méthode appropriée en fonction des besoins réels. Dans le travail de développement quotidien, la compréhension de ces méthodes apportera une grande commodité et efficacité à votre travail.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn