html中多选框设置为默认

在HTML中，多选框是一种常用的表单元素。多选框允许用户从许多选项中选择一个或多个选项。有时候，我们希望设置多选框为默认选项，以方便用户选择。那么该如何设置呢？

<form>
  <input type="checkBox" name="option1" value="Option 1" checked> Option 1<br>
  <input type="checkBox" name="option2" value="Option 2"> Option 2<br>
  <input type="checkBox" name="option3" value="Option 3" checked> Option 3<br>
</form>

在上面的代码中，我们可以看到多选框的设置。通过添加checked属性，我们可以将多选框设置为默认选项。在这个例子中，Option 1和Option 3是默认选项，当用户提交表单时，这些选项将被包含在表单数据中。

需要注意的是，如果我们希望使用JavaScript动态设置多选框选项的话，可以使用元素的checked属性来设置。例如：

// 将id为option1的多选框设置为选中状态
document.getElementById("option1").checked = true;
// 取消id为option2的多选框的选中状态
document.getElementById("option2").checked = false;

在实际开发中，多选框经常用于过滤数据或选择操作。通过合理设置默认选项，可以提高用户体验和操作效率。