正确的方法来做HTML5复选框

Question

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

Answer 1

据我所知和文件所述,没有任何根本改变.基本标记是

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

新的是一些有趣的属性.

• form - 对与控件关联的表单的引用(很好!)
• autofocus - 加载文档后立即集中(很好!)
• required - 要求检查(超级好!虽然Internet Explorer或Safari尚未支持.)

Answer 2

一个更完整的例子 - 并避免长篇帖子如何检查是否在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

例如

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