Sprawdź, czy element DOM jest polem wyboru

Question

Jak sprawdzić, czy dany element DOM jest polem wyboru.

Scenariusz:

Mam zestaw pól tekstowych i wyboru, w którym wartości są przypisywane dynamicznie. Nie mam sposobu na określenie, czy element DOM jest polem wyboru, czy polem tekstowym.

Answer 1

Jeśli używasz jQuery, można użyć przełącznika :checkbox wraz z is metody:

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

Answer 2

Spójrz na checkbox selector.

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

Można powiedzieć, jakiego typu wejście jest tak:

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

Answer 3

Używając tylko wanilię javascript można zrobić

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

lub nawet krótszy

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

Answer 4

Try to;

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

tutaj element jest selektor do listy element

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

Answer 5

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

Answer 6

jQuery is():

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

Answer 7

można użyć pseudo-selektor: pole z wezwaniem do jQuery jest funkcja:

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

Answer 8

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

} 

LUB

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

} 

Answer 9

Sprawdza coś

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

Answer 10

Powinieneś mieć przyzwoitą konwencję nazewnictwa, która pozwala ci wiedzieć, czy element jest polem wyboru po prostu widząc jego identyfikator lub nazwę. np. "chkMyCheckbox"