检查DOM Element是否为复选框

Question

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

场景:

我有一组文本框和复选框,其中的值是动态分配的.我没有办法确定DOM元素是复选框还是文本框.

Answer 1

只使用vanilla javascript即可

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

甚至更短

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

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

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

Answer 2

如果你正在使用jQuery,你可以使用:checkbox伪类选择器和is方法:

if($("#that-particular-input").is(":checkbox")) {
}

Answer 3

检查一切

function isCheckbox (element) {
   return element instanceof HTMLInputElement 
      && element.getAttribute('type') == 'checkbox'
}

Answer 4

if( $(element)[0].type == "checkbox" ) {

}

或者

if( $(element).is(':checkbox') ) {

}