checkbox jquery 选中
时间: 2023-07-31 10:10:37 浏览: 105
使用 jQuery 选中一个 checkbox 很简单,可以使用 `prop` 方法来设置其 `checked` 属性。以下是示例代码:
```javascript
$("#checkboxId").prop("checked", true);
```
其中,`checkboxId` 是指 checkbox 元素的 id 属性值,将其设为 `true` 即可选中该 checkbox。如果要取消选中,只需要将其设为 `false` 即可:
```javascript
$("#checkboxId").prop("checked", false);
```
需要注意的是,这里使用的是 `prop` 方法而非 `attr` 方法。这是因为 `checked` 属性是一个布尔类型的属性,使用 `prop` 方法可以更好地处理这种情况。
相关问题
jquery 设置checkbox选中
在 jQuery 中,可以通过以下方式设置 checkbox 的选中状态:
1. 使用 `prop()` 方法获取 checkbox 的 jQuery 对象。
2. 调用 `prop()` 方法并传入 checked 属性的值,来设置 checkbox 的选中状态。
下面是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置 Checkbox 选中状态</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<input type="checkbox" id="checkbox">
<label for="checkbox">选择</label>
<script>
$(document).ready(function() {
// 获取 checkbox 的 jQuery 对象
var checkbox = $("#checkbox");
// 设置 checkbox 的选中状态为 true
checkbox.prop("checked", true);
// 发送 AJAX 请求
// ...
});
</script>
</body>
</html>
```
在上面的示例代码中,当文档加载完成后,会调用 `ready()` 方法中的回调函数。该回调函数中,首先获取 checkbox 的 jQuery 对象,然后调用 `prop()` 方法并传入 checked 属性的值为 true,来设置 checkbox 的选中状态。如果需要实现 AJAX 技术实现 checkbox 的选中状态,可以在该函数中调用 AJAX 函数,将 checkbox 的状态发送给服务器端。
jquery checkbox 选中事件
可以使用 jQuery 的 `change()` 事件来监听 checkbox 的选中状态变化。示例代码如下:
```html
<input type="checkbox" id="myCheckbox">选项1</input>
<script>
$(document).ready(function() {
$('#myCheckbox').change(function() {
if($(this).is(':checked')) {
console.log('选中了');
} else {
console.log('取消选中');
}
});
});
</script>
```
当用户点击复选框时,`change()` 事件会触发,然后根据 `is(':checked')` 方法的返回值来判断是否选中了。如果选中了,就执行选中后的操作;否则执行取消选中后的操作。
阅读全文