正确的方法来做HTML5复选框

Question

我似乎无法在任何地方找到一个例子...... HTML5复选框的正确方法是什么？

Answer 1

据我所知和the docs state，没有任何根本改变。基本标记是

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

新的是一些有趣的属性。

• form - 对与控件关联的表单的引用（很好！）
• autofocus - 加载文档后立即集中注意力（很好！）
• required - 要求检查（超级好！虽然Internet Explorer或Safari尚未支持它。）

Answer 2

一个更完整的示例 - 并避免向How to check whether a checkbox is checked in jQuery?发送大量帖子。

<强> HTML

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

可选择将“已检查”属性添加到默认值以在加载时检查。

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

<强>的JavaScript

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

e.g。

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