Скрыть/показать поля
Здравствуйте
Пожалуйста, помогите поправить JS (без подключения jQuery) по выбору radiobutton "Самовывоз", должно скрываться поле "Адрес" и "Паспорт" но скрывается только поле "Адрес" Вот пример: http://www.glassbus.ru/Untitled-5.html JS: <script type="text/javascript"> var inp = document.getElementsByName('shipping_rate_id'); myadresLab = document.getElementById('vm_myadres_div'); myadresInp = document.getElementById('vm_myadres_input') pasportLab = document.getElementById('vm_pasport_div'); pasportInp = document.getElementById('vm_pasport_input'); function func (elm) { if (elm.id == "hashd5561dda4545a69195256a8ee62fcc91" && elm.checked){//Самовывоз radiobutton myadresLab.style.display = "none"; myadresInp.style.display = "none"; pasportLab.style.display = "none"; // это pasportInp.style.display = "none"; // и это поле не получается скрыть!!!!!!!!! }else{ myadresLab.style.display = ""; myadresInp.style.display = ""; pasportLab.style.display = ""; pasportInp.style.display = ""; } if (elm.id == "hasha917f3643fcc7141bc83f55fb83a6c62" && elm.checked){//Доставка по Москве radiobutton pasportLab.style.display = "none"; pasportInp.style.display = "none"; }else{ pasportLab.style.display = ""; pasportInp.style.display = ""; } } for (var i=0;i<inp.length;i++){ inp[i].onchange = function () {func(this)}; } </script> |
sashgera,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <input id="hashd5561dda4545a69195256a8ee62fcc91" name="shipping_rate_id" value="" type="radio"> Самовывоз (<b>ДОЛЖНО скрываться поле Адрес и Паспорт</b>, но скрывается только поле Адрес) <br> <input id="hasha917f3643fcc7141bc83f55fb83a6c62" name="shipping_rate_id" value="" type="radio"> Доставка по Москве (скрывается поле Паспорт) <br> <input id="zzzz" name="shipping_rate_id" value="" type="radio"> Доставка в регионы (ничего не скрывается) <br> <div id="vm_myadres_div" class="formLabel">Адрес</div> <div class="formField" id="vm_myadres_input"> <input id="vm_myadres_field" name="vm_myadres" size="45" value="" class="inputbox" type="text"> </div> <div id="vm_pasport_div" class="formLabel">Паспорт</div> <div class="formField" id="vm_pasport_input"> <input id="vm_pasport_field" name="vm_pasport" size="45" value="" class="inputbox" type="text"> </div> <script type="text/javascript"> var inp = document.getElementsByName('shipping_rate_id'); myadresLab = document.getElementById('vm_myadres_div'); myadresInp = document.getElementById('vm_myadres_input') pasportLab = document.getElementById('vm_pasport_div'); pasportInp = document.getElementById('vm_pasport_input'); function func (elm) { if (elm.id == "hashd5561dda4545a69195256a8ee62fcc91" && elm.checked){//Самовывоз radiobutton myadresLab.style.display = "none"; myadresInp.style.display = "none"; pasportLab.style.display = "none"; pasportInp.style.display = "none"; } else if (elm.id == "hasha917f3643fcc7141bc83f55fb83a6c62" && elm.checked){//Доставка по Москве radiobutton myadresLab.style.display = ""; myadresInp.style.display = ""; pasportLab.style.display = "none"; pasportInp.style.display = "none"; } else{ myadresLab.style.display = ""; myadresInp.style.display = ""; pasportLab.style.display = ""; pasportInp.style.display = ""; } } for (var i=0;i<inp.length;i++){ inp[i].onchange = function () {func(this)}; } </script> |
рони, большое спасибо!
|
Часовой пояс GMT +3, время: 12:02. |