Как на jQuery скрыть div при определённом выборе радио кнопки?

Question

[denisss12]

Помогите решить вопрос - уже весь интернет перерыл. Есть форма выбора доставки в интернет-магазине. Необходимо, чтобы при выборе "Доставка на дом" и "Экспресс-доставка" можно было вписать адрес доставки, пункт самовывоз - скрыть. А при выборе "Самовывоз" - выбрать пункт самовывоза, а поля с адресом доставки скрывались.
Пример:
input id="nadom" type="radio" checked="checked" value="adressdelivery"
input id="express" type="radio" value="express"
input id="vivoz" type="radio" value="samovivoz"

<div id="city">Скрывается при input vivoz</div>
<div id="street">Скрывается при input vivoz</div>
<div id="house">Скрывается при input vivoz</div>
<div id="shop">Скрывается при input express или nadom</div>

Answer 1

[Александр Борисович]

первая ваша мыль дожна быть такой.
"Блин, хочу чтобы по щелчку что то делалось"
1) хочу чтобы что-то
2) по щелчку
3) что-то делалось

Ответ:
1) чтобы что-то
api.jquery.com/category/selectors
2)по щелчку
api.jquery.com/click

$( "#target" ).click(function() {
alert( "Handler for .click() called." );
});

3) что то делалось бы,
jsfiddle.net/Gy39P
Надеюсь понятно, что по ссылке выше,

$('li').click(function() {
      $(this).addClass('active'); // добавить класс
      $(this).siblings().removeClass('active');  // у всех соседей убрать , а меня не трогать. siblings офигенный селектор.
});

нужно применять класс active скрытому полю.

Comments

[denisss12]

Большое спасибо. Помогли.

[Александр Борисович]

@denisss12 звездеть, не мешки ворочить) удачи)

Answer 2

[Юрий Лобанов]

Напишите функцию, которая будет проверять данные input'ы на checked и в соответствии с положением скрывать div'ы.
Скрывать можно или жестко привязав к id—проще, но совсем не гибкий вариант, или используя data-атрибуты.
А запускать функцию надо один раз при загрузке страницы, и каждый раз при change input'ов.
Вроде так.