检查复选框是否选中 - jQuery & JavaScript

在JavaScript和jQuery中，我们可以轻松地检查复选框是否被选中。检查它是否选中的方法取决于您或您的团队使用的框架或库。下面我们将介绍两种常用的检查方法。

使用JavaScript

使用JavaScript来检查复选框是否选中相对比较简单。我们可以通过checked属性获取它的选中状态。代码如下：

const checkbox = document.getElementById("myCheckbox");

if (checkbox.checked) {
  // Checkbox is checked
} else {
  // Checkbox is not checked
}

接下来我们可以将其封装成一个函数并提供一个onClick事件。代码如下：

function isChecked() {
   const checkbox = document.getElementById("myCheckbox");

   if (checkbox.checked) {
      alert("Checkbox is checked.");
   } else {
      alert("Checkbox is not checked.");
   }
}

使用jQuery

使用jQuery来检查复选框是否选中也很容易。我们只需要使用prop()方法。代码如下：

const checkbox = $("#myCheckbox");

if (checkbox.prop("checked")) {
  // Checkbox is checked
} else {
  // Checkbox is not checked
}

同样，我们可以将其封装成一个函数并提供一个onClick事件。代码如下：

function isChecked() {
  const checkbox = $("#myCheckbox");

  if (checkbox.prop("checked")) {
    alert("Checkbox is checked.");
  } else {
    alert("Checkbox is not checked.");
  }
}

以上就是检查复选框是否选中的简单介绍，无论是使用原生的JavaScript还是使用常用的jQuery方法，都很容易实现。