html中复选框设置

在HTML中，我们可以使用复选框来让用户进行多项选择。复选框可以设置为选中或未选中状态，从而让用户进行多项选择，其中每一项的值可以单独提交给后台处理。

<input type="checkBox" name="fruit" value="apple"> 苹果

<input type="checkBox" name="fruit" value="orange"> 橘子

<input type="checkBox" name="fruit" value="banana"> 香蕉

在上面的代码中，我们创建了一个复选框组，用户可以选择喜欢的水果。其中，name属性设置为“fruit”，意味着这是一个水果选择的组。每个复选框的value属性分别设置为“apple”、“orange”和“banana”，分别代表苹果、橘子和香蕉。通过提交表单，我们可以获得用户选择的水果值。

要想让某些复选框默认选中，我们可以设置checked属性。例如：

<input type="checkBox" name="gender" value="male" checked> 男

<input type="checkBox" name="gender" value="female"> 女

<input type="checkBox" name="gender" value="other"> 其他

在上面的代码中，我们让第一个复选框默认选中，即男性。用户可以取消该选中状态或选择其他选项。

同时，我们也可以使用JavaScript来动态控制复选框的选中状态。例如：

<input type="checkBox" name="agree" id="agree"> 我同意相关条款

<script>
document.getElementById("agree").checked = true;
</script>

在上面的代码中，我们设置了一个id为“agree”的复选框，然后使用JavaScript代码使该复选框默认选中。