Forma correcta de hacer casilla HTML5

Question

Parece que no puedo encontrar un ejemplo en ninguna parte ... ¿cuál es la forma correcta de hacer una casilla HTML5?

Answer 1

Por lo que sé y the docs state, nada fundamental ha cambiado. El margen de beneficio básico es

<input name="your_name" value="your_value" type="checkbox"> 

Lo nuevo es algunas propiedades interesantes.

• form - una referencia a la forma del control se asocia con
• autofocus (agradable!) - que estar centrado, tan pronto como se carga el documento
• required (agradable!) - requiere que se comprobado (super agradable Aunque no es compatible con Internet Explorer o Safari (todavía)!.)

Answer 2

Un ejemplo más completo - y evitando la larga cadena de publicaciones a How to check whether a checkbox is checked in jQuery?.

HTML

<input id="your_id" name="your_name" value="your_value" type="checkbox"> 

Opcionalmente añadir el atributo 'marcado' por defecto a comprobar la carga.

<input id="your_id" name="your_name" value="your_value" type="checkbox" checked> 

JavaScript

$('#your_id').is(':checked')  // Returns a Boolean TRUE if checked 

por ejemplo

if ($('#your_id').is(':checked')) { 
    // Checkbox was checked 
}