Как получить значение из radio?

Question

[Web-mas]

Всем доброго времени суток. Начал потихоньку изучать JS/Jquery. Столкнулся с небольшой проблемой.
Есть форма на сайте, которую я "честно" скопировал с какого-то примера.

<form >
   <p><b>Какое у вас состояние разума?</b></p>
    <p><input name="dzen" type="radio" value="nedzen"> Не дзен</p>
    <p><input name="dzen" type="radio" value="dzen"> Дзен</p>
    <p><input name="dzen" type="radio" value="pdzen" > Полный дзен</p>
    <p><input type="submit" value="Выбрать"></p>
  </form>

Под эту форму попытался написать простой скрипт, в котором при выборе кнопки менялся класс

$(document).ready(function () {
	var dzen = $("input[name=dzen]:checked").val();
	if (dzen == "pdzen") {
		$("#menuid").hasClass("active1");
	} else {
		$("#menuid").removeClass("active1");
		$("#menuid").hasClass("active");
	}
});

Не могу понять что не правильно делаю.
И еще один вопрос, есть метод sessionstorage, я понимаю для чего он, но не совсем понимаю как хранить в нем выбранное значение из формы.
Буду признателен за ответы

Answer 1

[Stalker_RED]

1. Возможно вместо hasClass вы хотели сделать addClass.

2. sessionStorage.setItem('key', 'value');
https://developer.mozilla.org/ru/docs/Web/API/Wind...

Comments

[zoozag]

1. Возможно вместо hasClass вы хотели сделать setClass.

addClass

[Web-mas]

zoozag, не срабатывает ни addClass ни setClass

[Web-mas]

Большое спасибо, пошел учить

Answer 2

[zoozag]

https://jsfiddle.net/zrbz9xhx/

Comments

[Web-mas]

у вас работает? у меня ничего не меняется просто..

[Web-mas]

Сменил на https://jsfiddle.net/bgsw8nsd/
$(document).ready(function()
на
$(document).change(function()

[zoozag]

https://jsfiddle.net/zrbz9xhx/
Поправил свой вариант. Теперь меняется и при выборе, и в сессию сохраняет.

[Web-mas]

zoozag, спасибо большое. У меня классы меняет, но не красит почему-то, думаю что из-за минифицированных стилей, буду тестировать дальше