jquery 如何监听checkbox

可以使用 jQuery 的 `change()` 方法来监听 checkbox 的变化。例如：

<input type="checkbox" id="myCheckbox">

$('#myCheckbox').change(function() {
  if ($(this).is(':checked')) {
    // checkbox 被选中
  } else {
    // checkbox 取消选中
  }
});

当 checkbox 被选中或取消选中时，`change()` 方法会被触发，并执行相应的代码。在回调函数中，可以使用 `$(this).is(':checked')` 来判断 checkbox 是否被选中。如果被选中，就执行对应的操作；如果未被选中，就执行另一种操作。

相关问题

使用jquery获取checkbox类型的框

你可以使用 jQuery 的选择器来获取 checkbox 元素，例如：

// 获取所有的 checkbox 元素
const checkboxes = $('input[type="checkbox"]');

// 获取 ID 为 myCheckbox 的 checkbox 元素
const myCheckbox = $('#myCheckbox');

在这个例子中，我们使用了 jQuery 的选择器来获取 checkbox 元素。`$('input[type="checkbox"]')` 选择器可以获取文档中所有的 checkbox 元素，而 `$('#myCheckbox')` 则可以获取 ID 为 `myCheckbox` 的 checkbox 元素。

一旦获取了 checkbox 元素，你就可以使用 jQuery 的 `.on` 方法来添加事件监听器，例如：

// 为所有的 checkbox 元素添加事件监听器
checkboxes.on('change', function() {
  if (this.checked) {
    console.log('Checkbox is checked');
  } else {
    console.log('Checkbox is unchecked');
  }
});

// 为 ID 为 myCheckbox 的元素添加事件监听器
myCheckbox.on('change', function() {
  if (this.checked) {
    console.log('myCheckbox is checked');
  } else {
    console.log('myCheckbox is unchecked');
  }
});

在这个例子中，我们使用了 jQuery 的 `.on` 方法来为 checkbox 元素添加事件监听器。其中，`'change'` 参数表示监听 `change` 事件，而回调函数中的 `this.checked` 则表示 checkbox 的选中状态。

jquery 监听 <input class="checkbox" type='checkbox' 的变化

你可以使用 jQuery 的 `change()` 方法来监听 `<input>` 标签的变化，具体实现如下：

$(".checkbox").change(function() {
  if(this.checked) {
    // 当选择框被选中时执行的代码
  } else {
    // 当选择框被取消选中时执行的代码
  }
});

在上面的例子中，我们使用了类选择器 `.checkbox` 来选中所有的 `<input>` 标签，并使用 `change()` 方法来监听这些标签的变化。当选择框被选中时，`this.checked` 属性会返回 `true`，我们可以在条件语句中编写相关的代码。同理，当选择框被取消选中时，`this.checked` 属性会返回 `false`，我们也可以在条件语句中编写相关的代码。