VPF::Скрыть два элемента - Форум программистов

sashgera

Дата 16.9.2015, 02:38 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 23.3.2014

Репутация: нет
Всего: нет

Здравствуйте
Есть JS который скрывает элемент fax_field при выборе радиобаттона:

Код


<script type="text/javascript">
var inp = document.getElementsByName('payment_method_id');
var txt = document.getElementById('fax_field');
function func (elm) {
    if (elm.id == "payment_method_id_23" && elm.checked)
    txt.style.display = "none";
    else
    txt.style.display = "";   
    }
      
for (var i=0;i<inp.length;i++){
inp[i].onchange = function () {func(this)};
}   
</script>

Но мне нужно скрыть еще один элемент - fax_input
как можно оптимизировать js, чтобы скрывалось сразу два элемента
пытался так, не получилось:

Код


var txt = document.getElementById('fax_field', 'fax_input');

_zorn_

Дата 16.9.2015, 05:54 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1076
Регистрация: 21.8.2007

Репутация: 1
Всего: 12

Ты хоть бы прочитал основы яваскрипт.

Код


<script type="text/javascript">
var inp = document.getElementsByName('payment_method_id');
var fax_txt = document.getElementById('fax_field');
var fax_inp = document.getElementById('fax_input');
function func (elm) {
    if (elm.id == "payment_method_id_23" && 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 это все будет выглядеть попроще

Цитата

var toggleEls = $('#fax_field, #fax_input');
$('[name="payment_method_id"]').change(function(){
   if (this.id == "payment_method_id_23" && elm.checked)
     toggleEls.hide();
    else
      toggleEls.show();
    }

});

sashgera

Дата 16.9.2015, 14:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 32
Регистрация: 23.3.2014

Репутация: нет
Всего: нет

_zorn_, спасибо!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »