Как при переключении менять 2 или более disabled?

Question

[frees2]

Есть две кнопки в форме (form).
Пример.
http://www.dulskу.eu/v/#tabs-1
каналов
содержимого
-----------
Как при переключении этих кнопок менять 2 или более disabled других select.
Пример. (Это поле должно быть выключено (погашено ('disabled', true) ) при включённой кнопке "каналов".


10
.....
20

А при нажатии кнопки "содержимого" снова включено (('disabled', false)).
И наоборот.
( При нажатии кнопки "каналов" снова выключено (('disabled', false)).)
-----------------------------
Может кто видел готовые решения, желательно без библиотек громадных.
Другое решение, просто прятать эти поля и снова показывать при переключении кнопок radio.

Answer 1

[Вадим Яковлев]

Если я верно понял

$(document).on('change','input[name*=live5]',function(){
checkedVal=$('input[name*=live5]:checked').val();
$('select[name=kolisestvo]').prop('disabled',checkedVal==',live2');
});

Comments

[frees2]

x@FrimInc , спасибо, простое решение, вы гений

[Дмитрий Гукетлев]

Кстати я совершенно согласен )

Answer 2

[Сергей Протько]

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

mySelect.disabled = radio.value == 'chanel' && otherSelect.value == '30';

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

Comments

[frees2]

спасибо, решение уже есть, некорректное - это понятно, экономлю на преобразовании последующем, работает во всех браузерах

Answer 3

[frees2]

@Fesor

$(document).on('change','input[name*=live5]',function(){
checkedVal=$('input[name*=live5]:checked').val();
$('select[name=kolisestvo],select[name=kategoria],select[name=region],select[name=time],select[name=rating],select[name=date]').prop('disabled',checkedVal==',live2');
});