jQuery().each(). Выбор одного элемента, с разными ID/
Доброе время суток! Есть форма, с 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
В событие 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");
Пример
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
- Почему SERVER_ADDR имеет не тот IP 50190 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31924 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26161 visits
- Как через css изменить цвет png изображения? 11746 visits
- Blob video url download 11289 visits
- Php curl запрос через прокси с авторизацией 10701 visits
- Работа с captcha vk api 9494 visits
© "hostciti.net" 18.2.2026 | 22:26