Índice

Modificar la propiedad de un elemento HTML

prop(propiedad, valor)

Asigna un valor a una propiedad de los elementos HTML seleccionados.

$("input[type=’checkbox’]").prop("checked", true): asigna el valor true a la propiedad checked de la casilla de verificación.

Este método devuelve un objeto jQuery.

También es posible agregar una propiedad mediante una función.

Ejemplo

Al hacer clic sobre un botón, activaremos los campos de texto que se encontraban inicialmente desactivados en el código HTML: disabled="disabled".

Tras cargar la página:

images/3_12_v41.png

Al hacer clic en el botón:

images/3_12_v42.png
<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
</head> 
<body> 
<input type="text" disabled="disabled" value="Valor 1"><br> 
<input type="text" disabled="disabled" value="Valor 2"><br> 
<input type="text" disabled="disabled" value="Valor 3"><br> 
<input type="text" disabled="disabled" value="Valor 4"><br> 
<button>Activar los campos</button> 
<p>&nbsp;</p> 
<script> 
    $(document).ready(function(){ 
        $("button").click(function(){  ...