Динамическая отметка чекбоксов в форме редактирования

Готовая конструкция для перебора группы чекбоксов и отметки элементов с соответствующим id, при условии, что он равен одному из значений из списка в поле формы.

//поиск в контейнере по классу:
$('.tbl_chk').find('input[type="checkbox"][class="chks"]').each(function () {
//проверка на присутствие в массиве, полученном из инпута:
 if($.inArray($(this).attr("id"),$("#id_edit").val().split(","))!=-1){ 
    // отметка соответствующего чекбокса: 
    $(this).prop('checked', true);
}     
});

Исходные условия и принцип работы

  1. На форме элементы расположены в контейнере с классом .tbl_chk
  2. Все чекбоксы этой группы имеют одинаковый класс — .chks
  3. Список искомых id находится в форме редактирования в input type text с id=id_edit

Каждый элемент проверяется в цикле и, если его id равен значению одного из элементов массива, полученного из списка значений поля формы, этому элементу — чекбоксу — присваиваем prop(‘checked’, true)

11 Replies to “Динамическая отметка чекбоксов в форме редактирования”

  1. Научно-популярный канал о науке и технологиях, чтобы любознательных, ищущих все самое интересное в мире. Детский канал. Научно-популярный канал. Видео с опытами и экспериментами В видео много опытов, экспериментов и интерактивных упражнений. Канал развивает навыки и творческий изображение мышления.

  2. пдд 2015 программу
    игры для андроид на двоих через блютуз
    рентген на андроид

  3. Хотелось бы услышать Ваше мнение
    все про курс биткоина, курс биткоин,
    инвестиции,
    курс биткоинов к доллару,
    курс биткоина в долларах,
    курс криптовалюти
    Рад пообщаться на эти темы.

  4. Фотокамеры, мультиспектральные камеры и программное обеспечение для них.
    Использованы современные высокоуровневые языки программирования, пользователь не будет обеспокоен необходимостью доработок и сугубо техническими вопросами типа «почему не работает динамическая отметка чекбоксов» и тому подобное 🙂
    Есть доставка почтой, логистическая служба и работает в штатном режиме.

  5. Спасибо. Хотел бы с вами поделиться ссылками на интересный сайт,
    проектирование теплогенераторной
    проектирование котельной дома
    проект сетей газоснабжения

  6. Спасибо за предоставленную информацию. Я искала как раз небольшой пример кода 🙂

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.