Connaître la valeur de l’attribut value

Ce point concerne les formulaires et leur attribut value.

val() val

Récupère, sous forme de chaîne de caractères le contenu de l’attribut value du premier élément de la sélection.

$("input").val() : récupère le contenu de l’attribut value du premier champ de formulaire de type <input>.

Cette méthode retourne une chaîne de caractères.

Exemple

Récupérons la valeur du bouton radio coché.

Au chargement :

images/C03-015.png

Choix de l’utilisateur et clic sur le bouton Afficher le choix :

images/C03-016.png

Le document HTML :


<!doctype html> 
<html lang="fr"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){  
        $("button").click(function(){ 
            var choix = $('input:radio:checked').val();  
            $("div").text(choix);     
        }); 
    }); 
</script> 
<style> 
    div { 
        width: 150px;  
        height: 16px;...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Supprimer un attribut HTML
Suivant
Modifier la valeur de l'attribut value