jquery方式点击复选框 选中后 按钮可用 不选中 按钮不可用
时间: 2024-09-25 14:05:43 浏览: 34
jQuery设置单选按钮radio选中/不可用的实例代码
在jQuery中,你可以通过给复选框添加事件监听器,并结合按钮的状态管理来实现这个功能。首先,假设你有一个复选框`<input type="checkbox" id="myCheckbox">`和一个按钮`<button id="myButton">按钮</button>`,你可以这样做:
1. 给复选框绑定`change`事件,当其状态改变(即选中或取消选中)时触发函数:
```javascript
$(document).ready(function() {
$('#myCheckbox').change(function() {
if ($(this).is(':checked')) { // 复选框被选中
$('#myButton').prop('disabled', false); // 解除按钮的禁用状态
} else {
$('#myButton').prop('disabled', true); // 复选框未被选中,禁用按钮
}
});
});
```
上述代码会检查复选框是否被选中,如果选中则按钮可用,否则按钮不可用。
阅读全文