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

Question

Кажется, я нигде не могу найти пример ... как правильно сделать флажок HTML5?

Answer 1

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

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

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

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

Answer 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
}