Вопрос по dom, jquery, javascript – Проверьте, является ли элемент DOM флажком

17

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

Сценарий:

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

Ваш Ответ

10   ответов
52

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

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

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

или в современных браузерах вы можете использоватьmatches()

if (el.matches('[type="checkbox"]') {
    ...
}
Нет, пожалуйста, переведите вlowerCase и сравни тогда.
Много лет спустя .... вы, вероятно, хотитеtoLowerCase это значение типа, не так ли?
Вы могли бы даже сделать'input[type="checkbox"]' быть в безопасности
@ AndreasK & # xF6; berle, это должно зависеть от того, как вы написали атрибут в разметке, верно?
1

JQueryis():

if ($el.is(':checkbox')) { ... }
4
if( $(element)[0].type == "checkbox" ) {

}

ИЛИ ЖЕ

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

}
2

Посмотрите напереключатель флажка.

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

Вы можете сказать, какой тип ввода выглядит так:

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

:checkbox селектор псевдокласса вместе сis метод:

if($("#that-particular-input").is(":checkbox")) {
}
Если я не ошибаюсь,:checkbox это псевдокласс
1

при вызове jQuery & s is function:

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

1

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

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

Вотelement селектор вашегоelement

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

которое позволяет вам узнать, является ли элемент флажком, просто увидев его идентификатор или имя. например & Quot; chkMyCheckbox & Quot;

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

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

Похожие вопросы