Посчитать количество radiobutton на странице и проверить отмечены ли они

@liss04 · Регистрация: 31.10.2012

Студворк — интернет-сервис помощи студентам

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

Помогите, пожалуйста, подсчитать на динамически созданной странице количество групп radio-буттонов и перед отправкой формы проверить во всех ли check=true, иначе выдать Предупреждение.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<form name="form1">
<table border="1">
<tr>
<th>Учащиеся</th>
<th>Математика</th>
<th>Физика</th>
</tr>
<tr>
<td>Иванов Иван Иванович</td>
<td>
<input type="radio" name="mat1" value="-1" />не явка</BR>
<input type="radio" name="mat1" value="0" />не сдал</br>
<input type="radio" name="mat1" value="1" />сдал</br>
</td>
<td>
<input type="radio" name="fiz1" id="fiz1" value="-1" />не явка</BR>
<input type="radio" name="fiz1" id="fiz1" value="0" />не сдал</br>
<input type="radio" name="fiz1" id="fiz1" value="1" />сдал</br>
</td>
</tr>
<tr>
<td>Петров Петр Петрович</td>
<td>
<input type="radio" name="mat2" value="-1" />не явка</br>
<input type="radio" name="mat2" value="0" />не сдал</br>
<input type="radio" name="mat2" value="1" />сдал</br>
</td>
<td>
<input type="radio" name="fiz2" id="fiz2" value="-1" />не явка</BR>
<input type="radio" name="fiz2" id="fiz2" value="0" />не сдал</br>
<input type="radio" name="fiz2" id="fiz2" value="1" />сдал</br></div>
</td>
</tr>
</table>
<p>
<input type = 'submit' name = 'sub1' value = 'Сохранить'/> 
</p>
</form>

Дело в том, что количество Учащихся каждый раз разное и соответственно name у radio может быть mat1, mat2 ... matN или fiz1, fiz2 ... fizN для второго экзамена. Не могу в функции JavaScript обратиться к этим именам и не могу понять как правильно сделать проверку

JavaScript
1
2
3
4
5
6
7
8
9
10
11
form1.mat1[0].checked=false
form1.mat1[1].checked=false
form1.mat1[2].checked=false
 
form1.mat2[0].checked=false
form1.mat2[1].checked=false
form1.mat2[2].checked=false
 
form1.matN[0].checked=false
form1.matN[1].checked=false
form1.matN[2].checked=false

и еще при выдаче сообщения, если, например,

JavaScript
1
2
3
form1.mat1[0].checked=false
form1.mat1[1].checked=false
form1.mat1[2].checked=false

нужно написать что не проставлен Результат по Математике у Иванова. Не пойму как в JS привязать к определенному radio соответствующего ему Учащегося.

Заранее всем спасибо.

@kalabuni · 01.11.2012, 15:06

Lasst uns diskutieren!

1. у всякой таблицы имеется коллекция строк rows, коя нумеруется сверху вниз, начиная с нулевой

2. у всякой строки таблицы имеется коллекция ячеек этой строки cells, коя нумеруется слева направо, начиная с нулевой

3. у каждой из ячеек таблицы можно прочитать её свойство cellIndex - это будет её номер в коллекции cells

4. родительский элемент для каждой ячейки (тега <td>) - это строка (тег <tr>)

5. у всякой строки таблицы можно прочитать свойство rowIndex - и это будет номер строки в коллекции rows
-------
таким образом, каждую из ячеек вашей таблицы можно однозначно идентифицировать по номеру сроки и номеру столбца (именно вашей - где нет rowspan'ов и colspan'ов, которые этот чёткий порядок немного нарушают)
------

6. учебные предметы находятся у вас, начиная с первого по номеру столбца (не забываем, что в javascript'е всё [кроме размера моего вознаграждения] начинается с нуля):
в столбце номер один - математика
в столбце номер два - физика
в третьем столбце может быть химия
и т.д.
в пятом номере, например, может быть предмет "любовь к Путину" (у вас такого еще нет?... хотя что это я? очевидно же, что когда введут - этот предмет будет самым первым, впереди даже математики)
-----
видим, что значение атрибута name группы кнопок в одной ячейке может быть и не связано с предметом - зная номер столбца, можно прочитать, например, id в ячейке нулевой строки - и будем знать, что это "Математика" -- <th id="math">Математика</th>

таким образом, в каждой ячейке должна быть группа с уникальным для страницы name - но какой угодно, ферштейн? [раз вы согласились дискуТировать по-немецки]
-----

7. в каждой ячейке у вас три <input>'а в строгой последовательности сверху вниз - "неявка", "сдал", "не сдал" [в скобках с грустью отмечу, что для работника учебного заведения писать слово "неявка" раздельно - оно непростительно]
-----
таким образом прописывать в HTML-коде однотипные value для каждой радиокнопки совершенно НЕ НАДО - мы и так их однозначно узнаем по их местоположению в ячейке и потом, в процессе перебора скриптом их и назначим [замечаете, как я старательно облегчаю вашу жизнь?]
------

8. радиокнопки для Иванова И.И. по всем предметам, включая и будущий предмет "Liebe für Putin" [это я опять по-немецки] в строке номер один
и сама фамилия Иванова - в той же по номеру строке!
так что беспокоящая вас "связь" между имяреком и его результатами - она проста и очевидна

9. и ещё я бы посоветовал вам каждую радиокнопку вместе с текстом к ней заключать в тег <label> - это удобно - кликать мышей можно будет тогда не только точно в кружочек, а и на сам текст;
с учётом всего вышесказанного оформление любой одной ячейки может быть таким:

HTML5
1
2
3
4
5
<td>
<label><input type="radio" name="p2" /> неявка</label>
<label><input type="radio" name="p2" />не сдал</label>
<label><input type="radio" name="p2" />   сдал</label>
</td>

разумеется, в блоке стилей надо будет прописать правило label {display: block}
и тогда вам не нужны будут теги <br /> [тем паче, что вы этих тегов не знаете, правильно написать их не умеете - посмотрите, что вы с ними сделали?]

буквочка p в атрибутах name мною выбрана произвольно - как я уже писал выше - идентифицировать надо всего одну ячейку столбца предмета - самую верхнюю
понятно, что если вам надо иметь точное имя, связанное с предметом, для обработки на сервере - пишите то, что посчитаете нужным
[хотя лично я бы не стал, ибо есть способ лучше - можно вообще не использовать атрибут name у радиокнопки, но сделать каждые три в ячейке именно группой]
=======

ну вот, с теорией закончил
теперь дело за алгоритмом:
а) перебираем циклом коллекцию строк rows, начиная с первой (где Иванов и его успеваемость) и до любого количества учеников

б) внутрь первого цикла вкладываем второй - уже по столбцам (ФИО, затем любое количество предметов, включая и Love for Putin [сорри, это я на англо-дискуССию сбился, Meine Güte])

в) в каждой ячейке просматриваем коллекцию getElementsByTagName ('INPUT'), коя вернёт нам три радиокнопки именно в том порядке, в котором они и прописаны

г) проверяем отмеченность хотя бы одной в группе, прописывая параллельно value [зачем-то вам нужные; ну да - как без них-то, если по старинке работать?]

д) ежели ни одну не отметили, помечаем ячейку кровью [красным цветом фона] и шагаем по циклам далее

е) закончив оба цикла - либо тихо уходим на сервер с подготовленными и проверенными данными, либо - если в таблице пролилась кровь - радостно вопим alert'ом - "Исправь немедленно, негодник(-ца)! А то хуже будет!!!"

ж) провинившийся "замывает" кровь на странице -- скрипт отслеживает его действия; по окончании опять alert'ом пишем "Ага!!! Испугался?! А я пошутил - ничего бы тебе и не было..." - и ползём на сервер
======

ну что, сами справитесь?
если не справитесь - выкладывайте новый HTML-код с теми моими предложениями по изменению, кои вы сочтёте вам подходящими [И попробуйте только все их не принять! Хуже будет...] - набросаю вам скриптик

@liss04 · 01.11.2012, 15:09 **[ТС]**

Спасибо огромное, сейчас буду разбираться !

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@liss04 0 / 0 / 0 Регистрация: 31.10.2012 Сообщений: 24
	01.11.2012, 15:09 [ТС]
	Спасибо огромное, сейчас буду разбираться ! 0

Опции темы