Проверьте, установлен ли элемент DOM Element

Как проверить, установлен ли данный элемент DOM.

Сценарий:

У меня есть набор текстовых полей и флажков, в которых значения назначаются динамически. У меня нет способа определить, является ли элемент DOM флажком или текстовым полем.

Ответ 1

Если вы используете JQuery, вы можете использовать :checkbox селектор наряду с is метод:

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

Ответ 2

Используя только ванильный javascript, вы можете сделать

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

или даже короче

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

Ответ 3

Проверяет что-либо

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

Ответ 4

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

}

ИЛИ

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

}

Ответ 5

Посмотрите на селектор флажка.

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

Вы можете указать тип ввода:

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

Ответ 6

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

Ответ 7

Попробуй это;

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

здесь element - это селектор для вашего element

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

Ответ 8

jQuery is():

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

Ответ 9

Вы можете использовать псевдо-селектор: флажок с вызовом функции jQuery:

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

Ответ 10

У вас должно быть достойное соглашение об именах, которое позволяет вам узнать, есть ли элемент, если он имеет только идентификатор или имя. например, "chkMyCheckbox"