La casella di controllo HTML5 corretta è

Question

Non riesco a trovare un esempio da nessuna parte ... qual è il modo corretto di fare una casella di controllo HTML5?

Answer 1

Per quanto ne so e the docs state, non è cambiato nulla di fondamentale. Il markup di base è

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

Ciò che è nuovo è alcune proprietà interessanti.

• form - un riferimento al modulo di controllo è associata a
• autofocus (bello!) - da mettere a fuoco non appena il documento viene caricato
• required (bello!) - richiede che si tratti controllato (super bello! Anche se non è supportato da Internet Explorer o Safari (ancora).)

Answer 2

Un esempio più completo - ed evitando il lungo flusso di post a How to check whether a checkbox is checked in jQuery?.

HTML

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

Opzionalmente aggiungere l'attributo 'controllato' per difetto a controllare il carico.

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

JavaScript

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

esempio

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