Задать вопрос
@Raneto4ka
javascript

Как к чекбоксу добавить поле ввода?

В форме есть блок из нескольких чекбоксов. При этом последний пункт - это возможность написать свой вариант. При клике на это поле чекбокс должен отмечаться галочкой, если я заполняю поле, то галочка сохраняется.
Не знаю как правильно реализовать эту задачу. Самая проблема - это отслеживать, заполнено ли поле и надо поставить галочку, или человек ушел с него не заполнив его и надо галочку убрать.
Мой код, который отследивает только изменения состояния фокус.
https://codepen.io/Raneto4ka/pen/oaPjZj
  • Вопрос задан
  • 152 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
@igumenov
Я бы применил js в виде
При фокусе инпута отмечаем чекбокс, а при выходе из фокуса проверяем значение инпута и галочку либо оставляем либо убираем
.focusin()
.focusout()

Как-то так
$('.js-input').focusin(function() {
        $('.js-checkbox').prop('checked', true);
    }
    $('.js-input').focusout(function() {
        var inpVal = $(this).val();
        if(inpVal==''){
            $('.js-checkbox').prop('checked', false);
        }
    }
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Gulp, handlebarsjs - изменение темы сайта на ghost cms
18 апр. 2024, в 10:31
8000 руб./за проект
Symfony, Vue - Сервис автоматизации бизнеса натяжных потолков
18 апр. 2024, в 10:29
700 руб./в час
Разработка Проксированной Точки Доступа из Raspberry pi 3b
18 апр. 2024, в 10:29
3000 руб./за проект
Ещё заказы