如何檢查是否在 JavaScript 中選中了複選框

要檢查是否在 JavaScript 中選中了複選框，可以使用 checked HTML 元素的屬性。該屬性設置或返回複選框的選中狀態。

假設您有以下複選框輸入字段：

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

您可以使用以下代碼來檢查復選框是否被選中：

const elem = document.querySelector('#checkbox')
if (elem.checked) {
  console.log(`Checkbox is checked!`)
} else {
  console.log(`Checkbox is not checked.`)
}

我們使用 querySelector() 使用其 ID 屬性值從 DOM 檢索複選框元素的方法。接下來，我們檢查了 checked 的值 屬性來決定複選框是否被選中。

checked 屬性也可用於使用 JavaScript 以編程方式更改複選框的選中狀態，如下所示：

// Mark checkbox as checked
document.querySelector('#checkbox').checked = true

// Uncheck checkbox
document.querySelector('#checkbox').checked = false

如果你使用 jQuery，is() 函數也可以用來檢查一個複選框是否被選中：

if ($('#checkbox').is(':checked')) {
  console.log(`Checkbox is checked!`)
} else {
  console.log(`Checkbox is not checked.`)
}