Скрыть/показать див выбором/снятием радиобаттона

@sashgera · Регистрация: 19.09.2011

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

Здравствуйте

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

вот пример: http://www.glassbus.ru/Untitled-1.html

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<script type="text/javascript">
var sVyvoz = document.getElementById('hashd5561dda4545a69195256a8ee62fcc91'), //Самовывоз radiobutton
    dMoscow = document.getElementById('hasha917f3643fcc7141bc83f55fb83a6c62'), //Доставка по Москве radiobutton
    pasport1 = document.getElementById('vm_pasport_div'); // див1 Паспорт скрыть/показать
    pasport2 = document.getElementById('vm_pasport_input'); // див2 Паспорт скрыть/показать
    
    adres1 = document.getElementById('vm_myadres_div'); // див1 Адрес скрыть/показать
    adres2 = document.getElementById('vm_myadres_input'); // див2 Адрес скрыть/показать
    
sVyvoz.onchange = function() {
    if (this.checked) {
        pasport1.style.display = 'none';
        pasport2.style.display = 'none';
    }
    else {
        pasport1.style.display = 'block';
        pasport2.style.display = 'block';
    }
}
dMoscow.onchange = function() {
    if (this.checked) {
        adres1.style.display = 'none';
        adres2.style.display = 'none';
    }
    else {
        adres1.style.display = 'block';
        adres3.style.display = 'block';
    }
}
</script>

@BANO · 20.09.2015, 08:18

1. поставьте сначала кодировку нормальную, читать невозможно
2. это можно сделать и через css, но раз вы хотите js

JavaScript
1
2
3
4
dMoscow.onclick = sVyvoz.onclick = function() {
  pasport1.style.display =pasport2.style.display =sVyvoz.checked&&("none")||"";
  adres2.style.display = adres1.style.display = !sVyvoz.checked&&("none")||"";
}

Добавлено через 1 минуту
вот, поиграйтесь

@sashgera · 20.09.2015, 21:29 **[ТС]**

BANO, спасибо, но я наверное не так объяснил и вы меня не поняли.
Вот страница сайта (нажмите кнопку Купить и перейдете на страницу оформления заказа): http://www.glassbus.ru/test/vm... lypage.tpl

Если выбрать радиобаттон "Доставка по Москве", то поле "Номер паспорта" - скрывается. При выборе других радиобаттонов – это поле снова показывается.

Вот JS:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
var inp = document.getElementsByName('shipping_rate_id');
var fax_txt = document.getElementById('vm_pasport_div');
var fax_inp = document.getElementById('vm_pasport_input');
function func (elm) {
    if (elm.id == "hasha917f3643fcc7141bc83f55fb83a6c62" && elm.checked){
       fax_txt.style.display = "none";
       fax_inp.style.display = "none";
    }else{
       fax_txt.style.display = "";   
       fax_inp.style.display = "";
    }
}
      
for (var i=0;i<inp.length;i++){
   inp[i].onchange = function () {func(this)};
}   
</script>

Но также еще нужно, если выбрать радиобаттон "Самовывоз" – скрыть поля "Номер паспорта" и "Адрес получателя".
Не получается дописать такое условие.
(без jquery)

Добавлено через 1 час 53 минуты
Сделал так, кажется работает: http://www.glassbus.ru/Untitled-5.html

Добавлено через 58 минут
но не получается скрыть два поля
ДОЛЖНО скрываться поле Адрес и Паспорт, но скрывается только поле Адрес
пожалуйста, помогите поправить JS

Добавлено через 1 час 14 минут
все, сделал..

Новые блоги и статьи Все статьи Все блоги /
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .