Оператор выбора switch для переключения radio button

@ijs · Регистрация: 18.05.2011

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

Привет, я начал изучать JS по одному уроку, в котором пример я переделал и никак не могу добиться его работы. Изначально нужно было вводить в поле слова: дни недели, если совпало, в textarea выдается прогноз погоды, но функция срабатывает после нажатия на кнопку OK.

Как я переделал:
1) Изминил поле ввода на радио баттоны, хочу научиться именно с ними, так как потом мне такой подход пригодится.

2) Кнопку OK убрал, а функцию запускаю в момент нажатия на радио баттон.

И у меня ничего не работает) Не понимаю почему, ведь значения value="1" я прописал и они же совпадают с тем что функция проверяет.

Код оригинального урока:

Javascript

function Vday1(obj){
  var a=obj.zn.value;
  var s;
  switch (a)
  {
   case 'понедельник': s="В понедельник будет ветрено, температура воздуха поднимется до +20 градусов";
                                                                                                  break;
   case 'вторник': s="Во вторник будет солнечно, температура воздуха поднимется до +25 градусов"; break;
   case 'среда': s="В среду будет прохладно, температура воздуха опустится до +17 градусов"; break;
   case 'четверг': s="В четверг будет пасмурно, температура воздуха опустится до +10 градусов"; break;
   case 'пятница': s="В пятницу будет облачно, температура воздуха поднимется до +15 градусов"; break;
   case 'суббота': s="В субботу будет ветрено, температура воздуха поднимется до +27 градусов"; break;
   case 'воскресенье': s="В воскресенье будет ясно, температура воздуха поднимется до +30 градусов";
                                                                                                break;
default: s='Укажите правильно день недели'
}
obj.res.value=s;
}
 
<body>
Прогноз погоды на какой-день Вас интересует:<br><br>
<form name="forma6">
<input type="text" size="15" maxlength="15" name="zn">
<input type="button" value="OK" onClick="Vday1(forma6);"><br><br>
<textarea cols="35" rows="5" wrap="virtual" name="res"></textarea>
</form>

Мой неработающий код:

Javascript

<script type="text/javascript">
function Vday1(obj){
var a=obj.group1.value;
var s;
switch (a){
case "1": s="привет";
break;
case "2": s="пока";
break;
case "3": s="как дела";
break;
 
default: s="введи 1-3"
}
obj.res.value=s;
}
</script>
</head>
 
<body>
Прогноз погоды на какой-день Вас интересует:<br><br>
<form name="forma6">
<input type="radio" name="group1" onClick="Vday1(forma6);" value="1">Milk<br>
<input type="radio" name="group1" onClick="Vday1(forma6);" value="2"> Butter<br>
<input type="radio" name="group1" onClick="Vday1(forma6);" value="3"> Cheese
<br/>
<textarea cols="35" rows="5" wrap="virtual" name="res"></textarea>
</form>

Прошу подсказать в чем ошибка, но не предлагайте пожалуйста более сложный подход, так как я только учусь.
Спасибо)

@VeteranPro · 18.05.2011, 11:21

Вот так попробуйте

Javascript

<script type="text/javascript">
function Vday1(obj){
var a=obj.value;
var s;
alert(a);
switch (a){
    case '1': s="привет";
    break;
    case '2': s="пока";
    break;
    case '3': s="как дела";
    break;
    default: s="введи 1-3";
}
///obj.res.value=s;
document.getElementById('res').value = s;
alert(s);
}
</script>
</head>
 
<body>
Прогноз погоды на какой-день Вас интересует:<br><br>
<form name="forma6">
<input type="radio" name="group1" onClick="Vday1(this);" value=1>Milk<br>
<input type="radio" name="group1" onClick="Vday1(this);" value=2> Butter<br>
<input type="radio" name="group1" onClick="Vday1(this);" value=3> Cheese
<br/>
<textarea cols="35" rows="5" id='res' wrap="virtual" name="res"></textarea>

@ijs · 18.05.2011, 11:28 **[ТС]**

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

Попробуй вот так

Javascript

alert(a);

Спасибо, но это просто алерт, к тому же значение выбранного чек бокса не показывает, алерт 1,2,3 это не тот результат что мне нужен…

@VeteranPro · 18.05.2011, 11:33

поправил свой предыдущий пост.

@ijs · 18.05.2011, 12:34 **[ТС]**

Спасибо, работает

Блоги программистов
Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного суматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(шестибитный асихронный счётчик с управляющим сигналом задержки). Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .	Руководство по созданию бота для Телеграм на Python IT_Exp 04.01.2025 Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .	Применение компонентов PrimeVue в Vue.js 3 на TypeScript BasicMan 04.01.2025 Введение в PrimeVue и настройка окружения PrimeVue представляет собой мощную библиотеку компонентов пользовательского интерфейса для Vue. js 3, которая предоставляет разработчикам богатый набор. . .	Как стать Senior developer cpp_developer 04.01.2025 В современной индустрии разработки программного обеспечения позиция Senior Developer представляет собой не просто следующую ступень карьерной лестницы, а качественно новый уровень профессионального. . .
Что известно о дате выхода Windows 12 и чего от нее ждать IT_Exp 04.01.2025 В мире технологий постоянно происходят изменения, и операционные системы не являются исключением. Windows 11, выпущенная в октябре 2021 года, принесла множество инноваций и улучшений, но. . .	Что новенького в .NET Core 9 Programming 04.01.2025 Обзор ключевых изменений в . NET Core 9 Платформа . NET Core продолжает активно развиваться, и версия 9 представляет собой значительный шаг вперед в эволюции этой технологии. Новый релиз. . .	Инструкция по установке python3.13.1 в Debian 12 AlexSky-coder 03.01.2025 sudo apt update sudo apt install build-essential zlib1g-dev libncurses5-dev libgdbm-dev libnss3-dev libssl-dev libreadline-dev libffi-dev wget. . .	Затестил триггеры. архив проекта прилагаю с GOA файлами в настройках архиватора проектов. Hrethgir 03.01.2025 В этот раз нет закольцованности, потому что от неё только глюки, как я понял, логика не вырезанная. Триггеры очень быстрые если верить измерениям с помощью анализатора от Gowin. Есть ещё регистры,. . .	Python в помощь DevOps IT_Exp 03.01.2025 Причины использования Python в работе DevOps Python стал неотъемлемой частью мира DevOps, и это не случайно. Этот язык программирования обладает множеством преимуществ, которые делают его. . .	Angular vs React vs Vue.js BasicMan 03.01.2025 О, друзья-разработчики и просто любопытные читатели! Сегодня мы отправимся в увлекательное путешествие по миру фронтенд-разработки, и первой остановкой станет Angular – этакий строгий немецкий. . .

@VeteranPro 21 / 21 / 11 Регистрация: 25.12.2009 Сообщений: 69
	18.05.2011, 11:33	4
	поправил свой предыдущий пост. 0

@ijs 8 / 4 / 0 Регистрация: 18.05.2011 Сообщений: 18
	18.05.2011, 12:34 [ТС]	5
	Спасибо, работает 0