检查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" ) {

}

OR

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

}

Answer 5

查看checkbox selector。

var checkboxes = $("form input:checkbox");

您可以告诉输入类型是什么类型：

if ($(".your-input").is(":text"))
{
    // Textbox
}
else if ($(".your-input").is(":checkbox"))
{
    // Checkbox
}

Answer 6

if (<DOMNode>.type === "checkbox") {
    // ...
}

Answer 7

试试这个;

  $(element).is(':checkbox');

此处element是element

的选择器

if(  $(element).is(':checkbox') ) {
  // do something
}

Answer 8

jQuery is()：

if ($el.is(':checkbox')) { ... }

Answer 9

你可以使用伪选择器：复选框来调用jQuery的函数：

$('#myinput').is(':checkbox')

Answer 10

你应该有一个不错的命名约定，它允许你知道一个元素是否只是看到它的id或名称的复选框。 例如“chkMyCheckbox”