怎么判断复选框是否选上
时间: 2023-10-02 18:04:26 浏览: 47
在 HTML 中,可以使用 `<input type="checkbox">` 元素来创建复选框,当用户选中复选框时,该元素的 `checked` 属性会变为 `true`,否则为 `false`。因此,可以通过该属性来判断复选框是否被选中。
例如,如果我们有一个 ID 为 `check` 的复选框,可以使用以下代码判断该复选框是否被选中:
```javascript
var isChecked = $('#check').prop('checked');
if (isChecked) {
// 复选框被选中
} else {
// 复选框未被选中
}
```
其中,`$('#check')` 用于获取 ID 为 `check` 的元素,`.prop('checked')` 用于获取该元素的 `checked` 属性值。
在 layui 的表单组件中,可以使用 `form.val()` 方法来获取表单项的值,例如:
```javascript
var data = form.val('formName');
var isChecked = data.checkboxName === 'on';
if (isChecked) {
// 复选框被选中
} else {
// 复选框未被选中
}
```
其中,`formName` 为表单的 ID 或 class,`checkboxName` 为复选框的 name 属性值,如果复选框被选中,`checkboxName` 的值为 `'on'`,否则为 `undefined`。因此,可以通过判断 `checkboxName` 是否为 `'on'` 来判断复选框是否被选中。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)