默认情况下选中复选框

Question

我有以下内容，并希望确保默认情况下启用复选框。

<div class="checkbox">
        <label>
          <input name="validation" type="checkbox">Validation
        </label>

        <label>
          <input name="steps" type="checkbox">Steps
        </label>

        <label>
          <input name="subticket" type="checkbox">Subticket
        </label>
  </div>

实现这一目标的最佳方法是什么？

Answer 1

您可以使用值为true的checked属性，即checked =“true”，或者您可以仅使用checked而不使用任何值，因为默认情况下它将被视为true。

<div class="checkbox">
        <label>
          <input name="validation" type="checkbox" checked>Validation
        </label>

        <label>
          <input name="steps" type="checkbox" checked>Steps
        </label>

        <label>
          <input name="subticket" type="checkbox" checked>Subticket
        </label>
  </div>

Answer 2

使用checked属性：

<label>
  <input name="validation" type="checkbox" checked>Validation
</label>

JSFiddle Demo

Answer 3

只需使用＆＃39;已检查＆＃39;属性

<input type='checkbox' checked>

OR

<input type='checkbox' checked='true'>

Answer 4

<input name="validation" type="checkbox" checked />Validation

将属性checked添加到输入