Modifier la propriété d’un élément HTML

prop(propriété, valeur)

Assigne une valeur à une propriété des éléments HTML sélectionnés.

$("input[type=’checkbox’]").prop("checked", true) : assigne la valeur true à la propriété checked de la case à cocher.

Cette méthode retourne un objet jQuery.

Il est également possible d’ajouter une propriété par une fonction.

Exemple

Au clic d’un bouton, nous allons activer les champs de texte qui étaient initialement désactivés dans le code HTML : disabled="disabled".

Au chargement de la page :

images/C03-021.png

Au clic sur le bouton :

images/C03-022.png

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
</head> 
<body> 
<input type="text" disabled="disabled" value="Valeur 1"><br> 
<input type="text" disabled="disabled" value="Valeur 2"><br> 
<input type="text" disabled="disabled" value="Valeur 3"><br> 
<input type="text" disabled="disabled" value="Valeur 4"><br> 
<button>Activer les champs</button> 
<p>&nbsp;</p> 
<script> ...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Connaître la propriété d'un élément HTML
Suivant
Supprimer la propriété d'un élément HTML