/

如何使用JavaScript檢查複選框是否被選中?

如何使用JavaScript檢查複選框是否被選中?

找出如何使用JavaScript檢查複選框的狀態,看它是否被選中或未選中。

檢查元素的checked屬性。

假設你有這個複選框:

1
<input type="checkbox" class="checkbox" />

你可以通過以下方法檢查它是否被選中:

1
document.querySelector('.checkbox').checked

你也可以檢查是否找到.checkbox:checked並不返回null

1
document.querySelector('.checkbox:checked') !== null

但我認為找.checked會更清晰。

請勿使用getAttribute()來查找checked屬性的值,因為如果複選框在默認情況下被選中,它的值始終為true:

1
<input type="checkbox" checked />

另外,不要檢查複選框元素的value。無論複選框是否被選中,它的值始終是on

tags: [“JavaScript”, “複選框”, “檢查狀態”]