javascript - 检查 DOM 元素是否为复选框

Question

如何检查给定的 DOM 元素是否是复选框。

场景:

我有一组文本框和复选框，其中的值是动态分配的。我没有办法识别 DOM 元素是复选框还是文本框。

Answer 1

只使用普通的 JavaScript 就可以做到

if (el.type && el.type === 'checkbox') {
   ...
}

甚至更短

if ((el || {}).type === 'checkbox') {
   ...
}

或者在现代浏览器中您可以使用matches()

if (el.matches('[type="checkbox"]') {
    ...
}