Attributs: fonction val

  • Variantes:

Récupère le contenu de l'attribut "value" du premier élement de la sélection.
Faites attention quand vous utilisez cette fonction pour récupérer la valeur d'élements de formulaire de type select multiple parce qu'ils peuvent recevoir un tableau de valeurs.

Version: disponible depuis la version 1.0 de JQuery

Valeur de retour: String

Exemple : 
$("input").val();

Code de test: 

<input type="text" value="some text"/>

Résultat: 

"some text"

0 Commentaire (afficher/poster)

Assigne une nouvelle valeur a l'attribut "value" des éléments de la sélection.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • valeur (String): valeur a assigner

Valeur de retour: objet jQuery

Exemple 1: 
$("input").val("test");

Code de test: 

<input type="text" value="some text"/>

Résultat: 

<input type="text" value="test"/>
Exemple 2:

Permet également de sélectionner des éléments de champs de formulaire de type liste déroulante, ou encore checkboxes.

$("#single").val("Single2");
    $("#multiple").val(["Multiple2", "Multiple3"]);
    $("input").val(["check1","check2", "radio1" ]);

Code de test: 

<select id="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select id="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select><br/>
  <input type="checkbox" name="checkboxname" value="check1"/> check1
  <input type="checkbox" name="checkboxname" value="check2"/> check2
  <input type="radio"  name="r" value="radio1"/> radio1
  <input type="radio"  name="r" value="radio2"/> radio2

0 Commentaire (afficher/poster)

Coche, ou sélectionne, tous les éléments radio, les checkbox, et selectionne les options correspondant à l'ensemble des valeurs envoyées.

Version: disponible depuis la version 1.3 de JQuery

Paramétres:

  • valeur (Array<String>): ensemble de valeurs a checker/selectionner

Valeur de retour: JQuery

Exemple : 
$("#single").val("Single2");
    $("#multiple").val(["Multiple2", "Multiple3"]);
    $("input").val(["check1","check2", "radio1" ]);

Code de test: 

<select id="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select id="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select><br/>
  <input type="checkbox" name="checkboxname" value="check1"/> check1
  <input type="checkbox" name="checkboxname" value="check2"/> check2
  <input type="radio"  name="r" value="radio1"/> radio1
  <input type="radio"  name="r" value="radio2"/> radio2

0 Commentaire (afficher/poster)