Проверить, какой элемент radio выбран

@Liori · Регистрация: 30.08.2012

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

Не могу понять, как проверить какой элемент radio выбран. Точнее как вызвать функцию проверки. Нужно, чтобы на экране вывелось сообщение, какой элемент был выбран

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="input_data">
        <form>
            <p>Enter a word: </p>
            <input type="text" id="word_id" name="word" maxlength="6" /> 
            <p>Choose the color:</p>
            <input type="radio" name="color" value="none"/>none
            <input type="radio" name="color" value="grey" checked="checked"/>grey
            <input type="radio" name="color" value="black"/>black
            <br />
            <input type="button" id="button_id" value="Change" />
        </form>
    </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
var word_id_js = document.getElementById("word_id");
function GetElements(name)
{
    var elements = document.getElementsByName(name);
    for (var i=0; i<elements.length; i++)
    {
        if (elements[i].checked) 
            return elements[i].value;
    }
}

@Lazy_Den · 11.07.2015, 10:54

Liori, не очень понимаю связь ссылки со стилями в данном случае, но попробуйте пути к css-файлам сделать абсолютными.

HTML5
1
<link href="/путь/от/корня/style.css" rel="stylesheet" type="text/css">

@kalabuni · 11.07.2015, 10:58

<input type="button" value="Show" onclick="alert (GetElements ('color'))" />

Добавлено через 2 минуты
Lazy_Den, хммм, походу вы тему попутали

@Lazy_Den · 11.07.2015, 11:39

Не по теме:

Упс... %-) То ли меня глючит, то ли вопрос резко поменялся

@Liori · 11.07.2015, 13:39 **[ТС]**

kalabuni, почему-то сообщение о выбранном пункте всё равно не появляется

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="input_data">
        <form>
            <p>Enter a word: </p>
            <input type="text" id="word_id" name="word" maxlength="6" /> 
            <p>Choose the color:</p>
            <input type="radio" name="color" value="none"/>none
            <input type="radio" name="color" value="grey" checked="checked"/>grey
            <input type="radio" name="color" value="black"/>black
            <br />
            <input type="button" id="button_id" value="Change" onclick="alert(GetElements ('color'))" />
        </form>
    </div>

JavaScript
1
2
3
4
5
6
7
8
9
10
var word_id_js = document.getElementById("word_id");
function GetElements(name)
{
    var elements = document.getElementsByName(name);
    for (var i=0; i<elements.length; i++)
    {
        if (elements[i].checked) 
            return elements[i].value;
    }
}

Добавлено через 1 минуту
Lazy_Den, да, извиняюсь, сначала и правда был пост о проблеме с CSS, но это был какой-то глюк.

Т.к. тему я создавала именно насчёт выбора radio элемента. Поэтому я позже отредактирвоала пост с проблемой

@Lazy_Den · 11.07.2015, 13:44

Не по теме:

Сообщение от Liori

сначала и правда был пост о проблеме с CSS

Вы меня успокоили, а то я уже собирался записаться на приём к психологу и перейти на более спокойную работу :D

@Liori · 11.07.2015, 13:55 **[ТС]**

kalabuni, а, забыла просто подключить файл с JS кодом

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	11.07.2015, 10:58
	Сообщение было отмечено Liori как решение Решение <input type="button" value="Show" onclick="alert (GetElements ('color'))" /> Добавлено через 2 минуты Lazy_Den, хммм, походу вы тему попутали 0

@Lazy_Den
	11.07.2015, 11:39
	Не по теме: Упс... %-) То ли меня глючит, то ли вопрос резко поменялся 0

@Liori 4 / 4 / 5 Регистрация: 30.08.2012 Сообщений: 155
	11.07.2015, 13:55 [ТС]
	kalabuni, а, забыла просто подключить файл с JS кодом 0

Проверить, какой элемент radio выбран

Решение