Атрибут к дочернему элементу jQuery

102

24 февраля 2018, 20:57

Доброго времени суток. Что нужно, если у label есть класс "active" то input в нутри него присвоить атрибут checked Попытался реализовать, но что то не то((

$(function() { 
  if ($('.new-label').hasClass('active')) { 
    $(this).find('input').prop('checked', true); 
  } else { 
    $(this).find('input').prop('checked', false); 
  } 
});

Оно выдает чекед всем инпутам. Не могу понять как сделать, что бы только дочерний инпут принимал значение.

В примере только один label имеет класс 'active' Но все инпуты получают checked

Codepen

Answer 1

$(function() {
  $('.new-label').each(function() {
    $(this).find('input').prop('checked', $(this).hasClass('active'));
  });
});

или

$(function() {
  $('.new-label input').prop('checked', false);
  $('.new-label.active input').prop('checked', true);
});

Создание интернет-магазина электроники в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как решить конфликт версий jquery

Есть плагин который с помощью shortcode загружается на страницу и он использует свою версию jquery а тема использует свою , в итоге плагин не работает...

171

jQuery

фильтр по нескольким параметрам

Как изменить код так что бы он проверял и фильтровал значения не только по полностью совпадающим категориям с маркерами, а добавлял маркерыНа...

144

jQuery

как добавить стрелки перемещения в таб/аккордеон по контенту

193

jQuery

Сортировка значений в таблице jquery

Как сделать сортировку значений в таблицеЕсть две колонки в таблице в по которым нужно делать сортировку

206