如何使用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”, “複選框”, “檢查狀態”]