正确的方式来做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 

例如

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