html-执行HTML5复选框的正确方法

我似乎在任何地方都找不到示例...做HTML5复选框的正确方法是什么?

Skizit asked 2020-02-12T18:53:13Z
2个解决方案
76 votes

据我所知和文档指出,根本没有改变。 基本标记是

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

新功能是一些有趣的属性。

  • required-对与该控件关联的表单的引用(不错!)
  • required-文件加载后立即聚焦(很好!)
  • required-要求将其选中(超级好!尽管Internet Explorer或Safari不支持(但尚未)。)
Pekka 웃 answered 2020-02-12T18:53:44Z
5 votes

一个更完整的示例-避免在“如何检查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
}
wolfstevent answered 2020-02-12T18:54:21Z
translate from https://stackoverflow.com:/questions/4901410/correct-way-to-do-html5-checkbox