Как правильно написать скрипт для смены css стиля к определенному элементу?

Question

[Андрей]

Есть модуль, который формирует форму.

Форма содержит несколько fieldset. Один из главных содержит идентификатор "faf-filters-4". В зависимости от выбора из писка в этом fieldset, нужно присвоить disabled (или присвоить новый класс со стилем display: none;) не относящиеся к выбору.

Подскажите, каким образом это можно реализовать?

За ранее благодарен всем за ответы!

Comments

[Сергей Горностаев]

Что значит "нужно присвоить disabled не относящиеся к выбору"?

[Андрей]

Сергей Горностаев: при выборе определенного параметра lable (к примеру "Дом"), появляется возможность выбора только тех fieldset, которые относятся к данному lable. К остальным присваивается disabled.
Если я правильно понимаю логику действий.

Answer 1

[Сергей Горностаев]

Можно попробовать так

$('#faf-filters-4 input').change(function() {
    var alias = $(this).data('alias');
    $('fieldset').not('#faf-filters-4').find('input').each(function() {
         $(this).prop('disabled', true);
    });
    switch(alias) {
        case 'kvartira':
            $('#faf-filters-5 input').each(function() {
                 $(this).prop('disabled', false);
             });
             break;
        ...
    }
});

А ещё можно попробовать заменить громоздкую switch-case конструкцию на

$('fieldset[data-alias="' + alias + '"] input').each(function() {
    $(this).prop('disabled', false);
});

Comments

[Андрей]

Спасибо большое! Попробую реализовать.

Answer 2

[Алексей]

jQuery
Либо так
input:checked
и стили для него.