1

Доброе время суток!
Есть форма, с 1 checkbox, 1 label, 1 input[text] в таком порядке, и всех по 3 (инпут текст скрыт, и выпадает в зависимости, от того выбран или нет чекбокс).
С помощью .each перебираю, но не могу выбрать нужный инпут, выпадают или все, или тот который задам через .eq();
На codepen.io HTML форма и скрипт. Помогите пожалуйста разобраться.

jQuery(function(){
    jQuery('form :checkbox').click(function(){
        jQuery(this).each(function(index, element){

            if (jQuery(this).prop('checked')){
                jQuery('input:text').show()
            }
            else {
                jQuery('input:text').hide()
            }
        }); 
    });
});

https://codepen.io/masteine/pen/ZyZBqP

1
  • ссылка codepen ведет на обновленный скрипт, который теперь не демонстрирует проблему
    – Grundy
    19 июл 2017 в 15:04

1 ответ 1

1

В событие onClick добавьте функционал поиска элемента input, соответствующего обрабатываемому checkbox:

// Определяем ID чекбокса:    
var cbId = $(this).attr("id").replace("_check","");

// Находим соответствующий input
var input = $("#" +cbId +"_input");

Исправленный код

Однако рекомендовал бы обернуть блоки в div'ы, тогда поиск соответствующего инпута можно будет сделать более элегантным:

 var input = $(this).closest("div").find("input:text");

Пример

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.