texto - como hacer casillas en html

¿Cuál es la forma correcta de marcar y desmarcar una casilla de verificación en HTML5?

Question

Miró las especificaciones de HTML, pero no pudo verlas: http://www.w3.org/TR/html5/the-input-element.html#attr-input-checked

¿Cuál es la forma correcta de marcar una casilla de verificación en HTML (no de forma dinámica)?

checked="true"
checked="checked"

¿Cuál es la forma correcta de desmarcar una casilla de verificación?

<input type="checkbox" /> with no checked attribute
checked="false"
checked="none"

¿Dónde verificar la especificación HTML para marcar / desmarcar una casilla de verificación?

Answer 1

En jQuery:

Para marcar la casilla de verificación:

$("#checkboxid").attr("checked","checked");

Para desmarcar la casilla de verificación:

$("#checkboxid").removeAttr("checked");

Las otras respuestas apuntan a la solución y le señalan a la documentación que después de excavar más le llevará a esta respuesta. Jukka K. Korpela tiene la razón por la cual esta es la respuesta correcta, básicamente seguí su enlace y luego busqué los documentos de jQuery para llegar a ese resultado. Pensé que salvaría a las personas futuras que encuentran este artículo esos pasos extra.

Answer 2

Puede consultar esta página en w3schools pero básicamente puede usar cualquiera de:

<input checked>
<input checked="checked">
<input checked="">

Answer 3

Respuesta complementaria a la respuesta de Robert http://jsfiddle.net/ak9Sb/ en jQuery

Al obtener / establecer el estado de la casilla de verificación, uno puede encontrar estos fenómenos:

.trigger("click");

Marca una casilla de verificación sin marcar, pero no agrega el atributo marcado. Si usa desencadenadores, no intente obtener el estado con el atributo "comprobado".

.attr("checked", "");

No desmarca la casilla de verificación ...

Answer 4

Según los borradores HTML5, el atributo checked es un " atributo booleano " y "La presencia de un atributo booleano en un elemento representa el valor verdadero, y la ausencia del atributo representa el valor falso". Es el nombre del atributo. eso importa, y es suficiente. Por lo tanto, para marcar inicialmente una casilla de verificación, usa

<input type=checkbox checked>

De forma predeterminada, en ausencia del atributo checked , inicialmente se desactiva una casilla de verificación:

<input type=checkbox>

Mantener las cosas de esta manera las mantiene simples, pero si necesita ajustarse a la sintaxis XML (es decir, usar HTML5 en la linealización XHTML), no puede usar un nombre de atributo solo. Luego, los valores permitidos (según los borradores HTML5) son la cadena vacía y la cadena checked , sin distinción de mayúsculas y minúsculas. Ejemplo:

<input type="checkbox" checked="checked" />

Answer 5

<input type="checkbox" checked />

HTML5 no requiere atributos para tener valores

Answer 6

<form name="myForm" method="post">
  <p>Activity</p> 
  skiing:  <input type="checkbox" name="activity" value="skiing"  checked="yes" /><br /> 
  skating: <input type="checkbox" name="activity" value="skating" /><br /> 
  running: <input type="checkbox" name="activity" value="running" /><br /> 
  hiking:  <input type="checkbox" name="activity" value="hiking"  checked="yes" />
</form>

Answer 7

<input type="checkbox" checked="checked" />

o simplemente

<input type="checkbox" checked />

para la casilla de verificación marcada. Ningún atributo marcado ( <input type="checkbox" /> ) para la casilla de verificación no marcada.

referencia: http://www.w3.org/TR/html-markup/input.checkbox.html#input.checkbox.attrs.checked