Manière correcte de le faire en HTML5 case

Question

Je n'arrive pas à trouver un exemple de n'importe où... quelle est la bonne façon de faire un HTML5 case?

Answer 1

Autant que je sache, et les docs de l'état, rien de fondamental a changé. La base de balisage est

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

Ce qui est nouveau, c'est quelques propriétés intéressantes.

• form - une référence à la forme de contrôle est associée (nice!)
• autofocus - pour être porté dès que le document est chargé (nice!)
• required - exiger qu'il soit vérifié (super sympa! Bien qu'il n'est pas pris en charge par Internet Explorer ou Safari (encore).)

Answer 2

Un exemple plus complet et éviter le long flux de poteaux de Case à case cochée propriété à l'aide de jQuery.

HTML

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

Vous pouvez ajouter la "vérifié" attribut par défaut à la vérification de la charge.

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

JavaScript

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

par exemple

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