¿Cuál es el valor adecuado para un atributo marcado de una casilla de verificación HTML?

Todos sabemos cómo formar una entrada de casilla de verificación en HTML:

<input name="checkbox_name" id="checkbox_id" type="checkbox">

Lo que no sé: ¿cuál es el valor técnicamente correcto para una casilla marcada? He visto todo esto funcionar:

<input name="checkbox_name" id="checkbox_id" type="checkbox" checked>
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="on">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="yes">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="checked">
    <input name="checkbox_name" id="checkbox_id" type="checkbox" checked="true">

¿Es la respuesta que no importa? No veo evidencia de la respuesta marcada como correcta aquí desde la especificación en sí:

Las casillas de verificación (y los botones de opción) son interruptores de encendido / apagado que el usuario puede activar o desactivar. Un interruptor está "activado" cuando se establece el atributo marcado del elemento de control. Cuando se envía un formulario, solo los controles de casilla de verificación "en" pueden tener éxito. Varias casillas de verificación en un formulario pueden compartir el mismo nombre de control. Así, por ejemplo, las casillas de verificación permiten a los usuarios seleccionar varios valores para la misma propiedad. El elemento INPUT se usa para crear un control de casilla de verificación.

¿Cuál diría un escritor de especificaciones la respuesta correcta? Proporcione respuestas basadas en evidencia.

Hablando estrictamente, debe poner algo que tenga sentido; de acuerdo con las especificaciones aquí , la versión más correcta es:

<input name=name id=id type=checkbox checked=checked>

Para HTML, también se puede utilizar la sintaxis de atributo vacío , checked=""o incluso simplemente checked(para XHTML estricto, esto es no es compatible ).

Efectivamente, sin embargo, la mayoría de los navegadores admitirán casi cualquier valor entre las comillas. Se verificará todo lo siguiente:

<input name=name id=id type=checkbox checked>
<input name=name id=id type=checkbox checked="">
<input name=name id=id type=checkbox checked="yes">
<input name=name id=id type=checkbox checked="blue">
<input name=name id=id type=checkbox checked="false">

Y solo se desmarcará lo siguiente:

<input name=name id=id type=checkbox>

Ver también esta pregunta similar en disabled="disabled".

Especificación HTML5 :

http://www.w3.org/TR/html5/forms.html#attr-input-checked :

El atributo de contenido deshabilitado es un atributo booleano.

http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes :

La presencia de un atributo booleano en un elemento representa el valor verdadero, y la ausencia del atributo representa el valor falso.

Si el atributo está presente, su valor debe ser la cadena vacía o un valor que sea una coincidencia entre mayúsculas y minúsculas ASCII para el nombre canónico del atributo, sin espacios en blanco iniciales o finales.

conclusión :

Los siguientes son válidos, equivalentes y verdaderos :

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

Los siguientes no son válidos :

<input type="checkbox" checked="0" />
<input type="checkbox" checked="1" />
<input type="checkbox" checked="false" />
<input type="checkbox" checked="true" />

La ausencia del atributo es la única sintaxis válida para falso :

<input />

Recomendación

Si le interesa escribir XHTML válido, use checked="checked", ya que <input checked>es XHTML no válido (pero HTML válido) y otras alternativas son menos legibles. De lo contrario, solo utilícelo <input checked>ya que es más corto.

<input ... checked />
<input ... checked="checked" />

Esos son igualmente válidos. Y en JavaScript:

input.checked = true;
input.setAttribute("checked");
input.setAttribute("checked","checked");

quieres esto, creo: checked='checked'

1. comprobado
2. marcado = ""

3. marcada = "marcada"

   son equivalentes

de acuerdo con la casilla de verificación de especificaciones '---- ⓘ Checked = "Checked" o "" (cadena vacía) o vacío Especifica que el elemento representa un control seleccionado .---'

Es una ciudad bastante loca que la única forma de hacer que se marque falso es omitiendo cualquier valor. Con Angular 1.x, puede hacer esto:

  <input type="radio" ng-checked="false">

lo cual es mucho más sensato, si necesita que esté sin marcar.

Creo que esto puede ayudar:

En segundo lugar, debe tener en cuenta que el atributo marcado DEVUELVE una cadena "verdadero", "falso"
¿Por qué es importante? Porque necesitas usar el tipo correcto. Una cadena, no un booleano. Esto también es importante al analizar su casilla de verificación.
$('mycheckbox')[0].checked = "true"

if($('mycheckbox')[0].checked === "true"){ //do something }

También debe darse cuenta de que el ATRIBUTO "marcado" es para establecer el valor de la casilla de verificación inicialmente. Esto no hace mucho una vez que el elemento se representa en el DOM. Imagine que esto funciona cuando se carga la página web y se analiza inicialmente.
Iré con la preferencia de IE en este caso:<input type="checkbox" checked="checked"/>

Por último, el aspecto principal de confusión para una casilla de verificación es que el elemento UI de la casilla de verificación no es el mismo que el valor de propiedad del elemento. No se correlacionan directamente. Si trabaja en .net, descubrirá que el usuario que "marca" una casilla de verificación nunca refleja el valor real de bool pasado al controlador. Para configurar la interfaz de usuario, utilizo ambos $('mycheckbox').val(true);y$('mycheckbox').attr('checked', 'checked');

Bueno, para usarlo, no creo que sea importante (similar a deshabilitado y de solo lectura), personalmente utilizo chequeado = "verificado", pero si está tratando de manipularlos con JavaScript, usa verdadero / falso