检查DOM元素是否为复选框

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

场景：

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

Answer 1

如果你正在使用jQuery，你可以使用:checkbox选择器和方法：

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

Answer 2

只使用vanilla javascript即可

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

甚至更短

 if ((el || {}).type === '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') ) { } 

Answer 5

看一下复选框选择器 。

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

您可以告诉输入的类型如下：

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

Answer 6

 if (.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”