Правильный способ сделать HTML5 флажок

Ответ 1

Насколько я знаю и состояние документов, ничего принципиально не изменилось. Основная разметка

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

Что нового, некоторые интересные свойства.

• form - ссылка на форму, с которой связан элемент управления (nice!)
• autofocus - сфокусироваться, как только будет загружен документ (приятно!)
• required - требуется, чтобы он был проверен (супер хорошо! Хотя он не поддерживается Internet Explorer или Safari (пока).)

Ответ 2

Более полный пример - и избегать длинного потока сообщений в Как проверить, установлен ли флажок в jQuery?.

HTML

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

При необходимости добавьте атрибут 'checked', который по умолчанию будет установлен при загрузке.

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

JavaScript

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

например.

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