Как скрыть список флажков на основе выпадающего списка с помощью JQuery?

Question

Как скрыть список флажков на основе выпадающего списка с помощью JQuery?

0

У меня есть форма с выпадающим списком. На основе выбранного элемента в раскрывающемся списке появляется соответствующий список chekbox и исчезает другой checkboxlist. Как вы можете это сделать, используя JQuery?

Pankaj 29 апр. 2014, в 16:03

Источник

0

Пожалуйста, покажите нам, что вы уже сделали. Тогда мы можем помочь оттуда.
root 29 апр. 2014, в 13:35
0

Вы имеете в виду скрыть (удалить) или отключить?
T McKeown 29 апр. 2014, в 13:36

Теги:

c#

javascript

jquery

drop-down-menu

checkboxlist

2 ответа

0

Вот действительно простой пример: http://jsfiddle.net/jayblanchard/G8z3r/. Код можно укоротить, просто используя разные селекторы, id и классы, но я хотел бы дать вам базовую идею о том, как это работает.

$('select[name="showbox"]').change(function() {
    if('foo' == $(this).val() ) {
        $('div').hide(); // make sure all divs are hidden
        $('#checkboxA').show(); // show the right one
    } else if ('bar' == $(this).val() ) {
        $('div').hide(); // make sure all divs are hidden
        $('#checkboxB').show(); // show the right one
    } else if ('both' == $(this).val() ) {
        $('div').show(); // sow all divs
    } else {
        $('div').hide();
    }
});

Jay Blanchard 29 апр. 2014, в 11:58

Ещё вопросы

Пожалуйста, покажите нам, что вы уже сделали. Тогда мы можем помочь оттуда.
Вы имеете в виду скрыть (удалить) или отключить?

Sam Hanley · Accepted Answer · 2014-04-29T12-08-00.000Z

Здесь Javascript, который вы должны легко адаптировать к вашим конкретным элементам:

$('#dropdownlist').on('change', function () { 
    if ($(this).val()) {
        if($(this).val() === "some value") {
            $('#somecheckboxgroup').show();
            $('#someothercheckboxgroup').hide();
        }
        else if($(this).val() === "some other value") {
            $('#somecheckboxgroup').hide();
            $('#someothercheckboxgroup').show();
        }
    }
});

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

Спасибо за редактирование - не знаю, как я пропустил заключительные цитаты!
Спасибо за ответ. Я получил его на работу сейчас.