• Categoría de la entrada:JQuery
  • Tiempo de lectura:2 minutos de lectura

En este artículo te muestro como activar o desactivar las casillas de checkbox de los formularios con Jquery

jQuery 1.6+

Utilice el nuevo método .prop() :

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

jQuery 1.5.x y versiones anteriores

El método .prop() no está disponible, por lo que debe usar .attr() .

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

Tenga en cuenta que este es el enfoque utilizado por las pruebas de unidad de jQuery antes de la versión 1.6 y es preferible usar

$('.myCheckbox').removeAttr('checked');

ya que esta última, si la casilla se marcó inicialmente, cambiará el comportamiento de una llamada a .reset() en cualquier formulario que lo contenga, un cambio de comportamiento probablemente no deseado.

Cualquier versión de jQuery

Si está trabajando con un solo elemento, siempre puede modificar la propiedad .checked de HTMLInputElement:

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

La ventaja de usar los métodos .prop() y .attr() en lugar de esto es que funcionarán en todos los elementos coincidentes.

Deja una respuesta