Compruebe si el elemento DOM es una casilla de verificación

Question

¿Cómo puedo verificar si un elemento DOM dado es una casilla de verificación?

Escenario:

Tengo un conjunto de cuadros de texto y casillas de verificación en la que los valores se asignan dinámicamente. No tengo forma de identificar si el elemento DOM es una casilla de verificación o un cuadro de texto.

Answer 1

Si estás usando jQuery, puede utilizar el selector :checkbox junto con is método:

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

Answer 2

Eche un vistazo a checkbox selector.

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

Se puede saber qué tipo de una entrada es de esta manera:

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

Answer 3

Usando sólo la vainilla JavaScript que podría hacer

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

o incluso más corto

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

Answer 4

Try esta;

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

aquí es element selector hacia su element

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

Answer 5

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

Answer 6

jQuery is():

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

Answer 7

Puede utilizar la pseudo-selector: casilla con una llamada a jQuery es función:

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

Answer 8

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

} 

O

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

} 

Answer 9

cheques nada

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

Answer 10

Debe tener una convención de nomenclatura decente que le permita saber si un elemento es una casilla de verificación simplemente de ver su identificación o nombre. p. "chkMyCheckbox"