前端checkbox标签怎么使用
时间: 2024-05-03 17:17:37 浏览: 103
Checkbox的使用
前端的 checkbox 标签用于让用户在多个选项中选择一个或多个选项。
它的基本用法是:
```
<input type="checkbox" name="option1" value="1"> Option 1
```
其中,`type` 属性设置为 `checkbox`,表示这是一个 checkbox 标签。
`name` 属性指定了这个 checkbox 的名称,可以用于在表单提交时识别这个选项。
`value` 属性指定了这个 checkbox 的值,可以根据需要设置。
在页面上显示的文本内容可以写在 input 标签外面,比如上面的例子中的 "Option 1"。
如果你想让多个 checkbox 组成一个选项组,可以给它们设置相同的 name 属性,但是不同的 value 属性:
```
<input type="checkbox" name="option" value="1"> Option 1
<input type="checkbox" name="option" value="2"> Option 2
<input type="checkbox" name="option" value="3"> Option 3
```
这样,用户就可以在这三个选项中选择一个或多个。
如果你想在表单提交时获取用户选择的值,可以使用 JavaScript 操作 DOM 获取选中的 checkbox 对象,或者使用表单序列化的方式获取所有选中的值。
阅读全文