JavaScript a-t-il une méthode val ?

WBOY
Libérer: 2022-01-19 15:10:52
original
2496 Les gens l'ont consulté

Il existe une méthode val() en JavaScript, qui peut renvoyer la valeur de l'attribut value du premier élément correspondant, ou définir la valeur de l'attribut value de tous les éléments correspondants. La syntaxe est "$(selector).val()" ou. "$ (sélecteur).val(valeur)".

JavaScript a-t-il une méthode val ?

L'environnement d'exploitation de ce tutoriel : système Windows 10, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript a-t-il une méthode val ?

La méthode val() renvoie ou définit l'attribut value de l'élément sélectionné.

Lorsqu'elle est utilisée pour renvoyer une valeur :

Cette méthode renvoie la valeur de l'attribut value du premier élément correspondant.

Lorsqu'elle est utilisée pour définir une valeur :

Cette méthode définit la valeur de l'attribut value de tous les éléments correspondants.

Remarque : La méthode val() est généralement utilisée avec les éléments de formulaire HTML.

Syntaxe

Attribut de valeur de retour :

$(selector).val()
Copier après la connexion

Définir l'attribut de valeur :

$(selector).val(value)
Copier après la connexion

Définir l'attribut de valeur via la fonction :

$(selector).val(function(index,currentvalue))
Copier après la connexion

L'exemple est le suivant :

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("input:text").val("设置输入字段的值");
});
});
</script>
</head>
<body>
<p>名称: <input type="text" name="user"></p>
<button>设置输入字段的值</button>
</body>
</html>
Copier après la connexion

Résultat de sortie :

JavaScript a-t-il une méthode val ?

Après avoir cliqué sur le bouton :

JavaScript a-t-il une méthode val ?

Recommandations associées : Tutoriel d'apprentissage Javascript

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!