Establecer casilla de verificación marcada usando jQuery

En esta publicación, aprenderemos a configurar casillas de verificación marcadas en jQuery.

Establecer casilla de verificación marcada en jQuery

Este método jQuery acepta el nombre del atributo, cuyo valor debe actualizarse y asociarse con el elemento. El método .attr() de jQuery se utiliza para establecer uno o más atributos para el conjunto de elementos/elementos coincidentes.

Sintaxis:

attr(attributeName, value)

1. attributeName es el primer parámetro de entrada del tipo string que indica el nombre del atributo cuyo valor se quiere establecer.
2. value es el segundo parámetro de entrada de tipo string o null o number que indica el valor establecido para el atributo seleccionado. Si el valor es null, se eliminará el atributo especificado, de forma similar a .removeAttr().

La técnica .attr() es útil para establecer el valor de los atributos, específicamente al colocar más de un atributo o usar los valores devueltos por una función. El enfoque .attr() reduce las inconsistencias.

Puede encontrar más información sobre el .attr() de jQuery en la documentación de .attr().

Tengamos un ejemplo.

Código - HTML:

<input type="checkbox" id="Mumbai">Mumbai
<input type="checkbox" id="Goa">Goa

Código - JavaScript + jQuery:

$('#Goa').attr('checked', 'checked');

Describimos dos casillas de verificación, a cada una de las cuales se le asignó una identificación diferente. Puede acceder al atributo marcado de la casilla de verificación utilizando el método attr().

Este método le permite actualizar el atributo de la casilla de verificación para que se establezca como el valor predeterminado. Ejecute el código de ejemplo anterior en cualquier navegador que admita jQuery para mostrar el siguiente resultado.

Producción:

Ejecutar demostración de código