我们可以在html中对复选框进行分组吗

Question

我有一个关于 html 的基本问题。 我知道当我们使用单选按钮时，我们可以通过赋予它们相同的“名称”属性来对多个按钮进行分组，即只能选择其中一个。例如：

<p> example
<input type="radio" name="example" value="option 1"> option 1
<input type="radio" name="example" value="option 2"> option 2
<input type="radio" name="example" value="option 3"> option 3</p>

所以在示例中，用户只能在选项 1、选项 2、选项 3 中选择一个。 我的问题是我们是否可以为复选框做同样的事情？谢谢

Answer 1

没有。复选框旨在独立选择。这就是复选框和单选元素都存在的原因。这不仅仅是为了不同的外观。

不过，常用的方法是按名称对复选框进行分组，使用类似数组的约定：

<input type="checkbox" name="example[]" value="option 1"> option 1
<input type="checkbox" name="example[]" value="option 2"> option 2

以这种方式发送的表单将被服务器端语言解析为一组检查元素。