Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.91/64: Рейтинг темы: голосов - 64, средняя оценка - 4.91
PAVEL_USER
24 / 24 / 11
Регистрация: 28.12.2010
Сообщений: 139
1

Перебор элементов формы

17.11.2011, 15:12. Просмотров 11727. Ответов 2
Метки нет (Все метки)

Здравствуйте!

Имеется документ HTML в котором находится энное количество форм различного типа:

HTML5
1
2
3
4
5
6
<form id="4mytefqbzei">
    <div><input type="radio" name="radio" id="fevbw15vynm"></div>
    <div><input type="radio" name="radio" id="eljqcoxxufz"></div>
    <div><input type="radio" name="radio" id="mfloj3zurka"></div>
    <div><input type="radio" name="radio" id="yrn1zpp5ggg"></div>
</form>
Вместо radio может быть text или checkbox.

Мне нужно сопоставить id каждой формы с id всех checked элементов в ней (или текстом в случае input type="text").

Помогите пожалуйста сделать это компактно и правильно.

Перебор всех форм можно делать так:

Javascript
1
2
3
4
$('form').each(function(nf, form)
{
     $(form).attr('id'); // Получаю id формы
});
Вопрос в том как получить все input дочерние элементы формы зная id формы. (А может существует более простой способ решения моей проблемы?)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.11.2011, 15:12
Ответы с готовыми решениями:

Перебор элементов
Всем доброго, подскажите как перебрать все блоки $('.tab-content div') Мне...

Перебор элементов
Есть разметка: &lt;div class=&quot;product-card&quot;&gt; &lt;div class=&quot;product-char...

Перебор первых дочерних элементов
Есть меню. &lt;div id=&quot;top_menu&quot;&gt; &lt;ul&gt; &lt;li&gt;&lt;a...

Перебор элементов и запись в переменную
Добрый день. Есть фрагмент html: &lt;tbody&gt; &lt;tr&gt;&lt;td class=&quot;data...

Перебор и изменение всех дочерних элементов (JQuery)
Есть конструкция типа &lt;div id=&quot;root&quot;&gt; &lt;div class=&quot;div2&quot;&gt; &lt;img /&gt; &lt;span...

2
suharik
260 / 246 / 57
Регистрация: 03.09.2010
Сообщений: 805
17.11.2011, 18:39 2
Существует))

Javascript
1
2
3
4
$('#myForm:input ').each(function(nf, form)
{
     $(this).attr('id'); // Получаю id формы
});
Ну как то так. если нужно еще чекбоксы тогда добавить

Javascript
1
$('#myForm:input, #myForm:checkbox')........
Как то так.
1
PAVEL_USER
24 / 24 / 11
Регистрация: 28.12.2010
Сообщений: 139
17.11.2011, 22:21  [ТС] 3
В общем уровень моих знаний позволил применить следующее:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// Перебираем все формы
$('form').each(function(nf, myForm)
    {
                // Перебираем элементы формы: input:radio:checked (отмеченные радио кнопки)
        $('#' + $(myForm).attr('id') + ' input:radio:checked').each(function(nf, inputData)
        {
                        // Получаем id элемента
            $(inputData).attr('id');
        });
        
                // Перебираем элементы формы: input:checkbox:checked (отмеченные флажки)
        $('#' + $(myForm).attr('id') + ' input:checkbox:checked').each(function(nf, inputData)
        {
                        // Получаем id элемента
            $(inputData).attr('id');
        });
        
                // Перебираем элементы формы: input:text (текстовые поля)
        $('#' + $(myForm).attr('id') + ' input:text').each(function(nf, inputData)
        {
                        // Получаем текстовое значение элемента
            $(inputData).val();
        });
    });
Предложенный вариант решает мою задачу:

Цитата Сообщение от PAVEL_USER Посмотреть сообщение
Мне нужно сопоставить id каждой формы с id всех checked элементов в ней (или текстом в случае input type="text").
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
17.11.2011, 22:21

Перебор элементов div
Доброго дня! Как можно по порядку перебирать эти блоки _post post page_block...

Массив из элементов формы
Здравствуйте, кто может помочь, у меня есть вот такая форма &lt;form class=&quot;day...

Проверка элементов формы
Я написал функции которые проверяют правильность E-mail, пароля, даты рождения...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru