jQuery 查看是否选中了复选框 - JavaScript

有时候我们需要在编写 JavaScript 或 jQuery 代码时检查某个复选框是否被选中。本文将介绍如何使用 jQuery 实现这个功能。

HTML

首先，我们需要在 HTML 中添加一个复选框，如下所示：

<input type="checkbox" id="myCheckbox">选中我

jQuery 代码

接下来，我们可以使用 jQuery 选择器来选中这个复选框，并检查它是否被选中。代码如下：

// 获取复选框对象
var myCheckbox = $('#myCheckbox');

// 判断复选框是否被选中
if (myCheckbox.is(':checked')) {
  console.log('复选框已选中');
} else {
  console.log('复选框未选中');
}

上述代码首先使用 jQuery 的 $() 函数选中了 id 为 myCheckbox 的复选框，并将其保存在变量 myCheckbox 中。然后，使用 is(':checked') 方法判断该复选框是否被选中。如果返回值为 true，则代表该复选框已选中。

效果演示

你可以在下面的演示中尝试选中或取消选中复选框，观察控制台输出的结果。

选中我

// 获取复选框对象
var myCheckbox = $('#myCheckbox');

// 判断复选框是否被选中
if (myCheckbox.is(':checked')) {
  console.log('复选框已选中');
} else {
  console.log('复选框未选中');
}

总结

本文介绍了如何使用 jQuery 查看是否选中了复选框。总的来说，这个功能还是比较简单的，只需要用到几个基本的 jQuery 方法即可。希望对你有所帮助！