Создание окна, выводящего данные из формы

@Jables_D · Регистрация: 06.06.2016

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

Здравствуйте. Имеется, например, три инпута типа radio. Мне нужно при нажатии кнопки сделать вывод в отдельном окне о том, какой инпут был выбран. Как это реализовать, подскажите?

@AlexBBB · 03.12.2016, 21:31

Jables_D,

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<h1>Hello, world!!!!</h1>
 
<form action="" id="form">
    <input type="radio" name="input" value="1">
    <input type="radio" name="input" value="2" >
    <input type="radio" name="input" value="3" >
</form>
 
<script>
 
    window.onload = function(){
        var form = document.getElementById('form');
 
        form.onclick = function(){
            alert("Hello, world!!!! Значение инпута - " + event.target.getAttribute('value'))
        }
    }
 
 
</script>

@Jables_D · 04.12.2016, 14:20 **[ТС]**

Спасибо большое!

Добавлено через 16 часов 33 минуты
У меня что-то не выходит сделать то же самое, только при нажатии кнопки. По клику на инпут - это понятно, а как тогда сделать изначальную мою задачу? Без онклика.

@AlexBBB · 04.12.2016, 21:18

Jables_D, Тогда так

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<form action="">
    <input type="radio" name="input" value="1">
    <input type="radio" name="input" value="2">
    <input type="radio" name="input" value="3">
    <input type="submit" name="submit" id="submit">
</form>
 
<script>
 
    window.onload = function(){
        
        document.addEventListener('submit', function(e){
            e.preventDefault();
 
            var checked = document.querySelector('form input:checked');
 
            alert("Hello, world!!!! Значение инпута - " + checked.value);
        });
 
    }
 
 
</script>

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@Jables_D 0 / 0 / 0 Регистрация: 06.06.2016 Сообщений: 19

	Создание окна, выводящего данные из формы 03.12.2016, 20:23. Показов 699. Ответов 3 Метки нет (Все метки) Здравствуйте. Имеется, например, три инпута типа radio. Мне нужно при нажатии кнопки сделать вывод в отдельном окне о том, какой инпут был выбран. Как это реализовать, подскажите? 0

@Jables_D 0 / 0 / 0 Регистрация: 06.06.2016 Сообщений: 19
	04.12.2016, 14:20 [ТС]
	Спасибо большое! Добавлено через 16 часов 33 минуты У меня что-то не выходит сделать то же самое, только при нажатии кнопки. По клику на инпут - это понятно, а как тогда сделать изначальную мою задачу? Без онклика. 0