jq获取input是否选中
时间: 2023-05-26 10:02:50 浏览: 57
假设有以下HTML结构:
```html
<input type="checkbox" id="checkbox1" name="checkbox1" checked>
```
可以使用以下jq代码来判断input是否被选中:
```javascript
if ($('#checkbox1').is(':checked')) {
console.log('input被选中');
} else {
console.log('input未被选中');
}
```
解释:
- `$('#checkbox1')`:选择id为checkbox1的元素。
- `.is(':checked')`:判断元素是否被选中。如果被选中,返回true;否则返回false。
相关问题
jq 监听input checkbox选中事件
可以使用 `change` 事件来监听 `input` 元素的选中状态改变事件。具体可以如下实现:
```javascript
// 获取checkbox元素
const checkbox = document.querySelector('input[type=checkbox]');
// 监听选中状态改变事件
checkbox.addEventListener('change', function() {
// 判断选中状态
if (this.checked) {
console.log('选中了');
} else {
console.log('取消选中');
}
});
```
如果你想使用 jQuery 来实现,可以这样:
```javascript
// 获取checkbox元素
const $checkbox = $('input[type=checkbox]');
// 监听选中状态改变事件
$checkbox.change(function() {
// 判断选中状态
if (this.checked) {
console.log('选中了');
} else {
console.log('取消选中');
}
});
```
jq获取类型为radio的input是否选中
可以使用jq的 `:checked`选择器来判断是否被选中,结合 `is()` 方法使用,示例代码如下:
```jquery
if ($('input[type=radio]').is(':checked')) {
//已选中
} else {
//未选中
}
```