Controlla se Elemento DOM è una casella di controllo

Question

Come posso controllare se un dato elemento DOM è una casella di controllo.

Scenario:

Ho una serie di caselle di testo e caselle di controllo in cui i valori sono assegnati in modo dinamico. Non ho un modo per identificare se l'elemento DOM è una casella di controllo o una casella di testo.

Answer 1

Se stai usando jQuery, è possibile utilizzare il selettore di :checkbox con is metodo:

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

Answer 2

Dai uno sguardo allo checkbox selector.

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

Si può dire che tipo di input è simile a questo:

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

Answer 3

Utilizzando solo vaniglia javascript si potrebbe fare

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

o anche più breve

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

Answer 4

Try Questo;

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

qui element è selettore fino element

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

Answer 5

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

Answer 6

jQuery is():

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

Answer 7

È possibile utilizzare la pseudo-selettore: casella di controllo con una chiamata a jQuery di è la funzione:

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

Answer 8

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

} 

O

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

} 

Answer 9

Controlli nulla

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

Answer 10

Dovresti avere una convenzione di denominazione decente che ti consenta di sapere se un elemento è una casella di controllo semplicemente vedendo il suo nome o id. ad es. "chkMyCheckbox"