<el-checkbox label="1" id="checkbox1">PC端</el-checkbox> <el-checkbox label="2" id="checkbox2">小程序</el-checkbox> <el-checkbox label="4" id="checkbox3">公用</el-checkbox> 这种写法可以吗
时间: 2023-09-28 11:05:58 浏览: 184
一个小程序
这种写法是完全可以的。这里的 `label` 属性表示了多选框的值,可以使用对应的位运算值(1、2、4)来表示不同的选项。而 `id` 属性则可以用于在 JavaScript 中获取和操作多选框。
例如,你可以使用以下方式来获取多选框的选中情况:
```javascript
let platform = 0;
if (document.getElementById('checkbox1').checked) {
platform |= 1;
}
if (document.getElementById('checkbox2').checked) {
platform |= 2;
}
if (document.getElementById('checkbox3').checked) {
platform |= 4;
}
console.log(platform); // 输出选中的选项的值的按位或结果
```
这里使用了 `document.getElementById` 方法来获取多选框的 DOM 元素,然后使用 `checked` 属性来判断是否选中。最终使用按位或运算符 `|` 将选中的选项的值进行组合,得到最终的选中情况。
阅读全文