Jquery bootstrap multiselect optgroup selection

Я использую Jquery bootstrap multiselect plugin, который кажется довольно хорошим и выполняет большинство требований, которые мне нужны.Jquery bootstrap multiselect optgroup selection

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

любая помощь оценена.

http://davidstutz.github.io/bootstrap-multiselect/#examples

enter image description here

источник

2014-01-17 d-man

Попробуйте что-то вроде этого:

$('.multiselect-group').before('<input type="checkbox" />'); 
$(document).on('click', '.multiselect-group', function(event) { 
    var checkAll = true; 
    var $opts = $(this).parent().nextUntil(':has(.multiselect-group)'); 
    var $inactive = $opts.filter(':not(.active)'); 
    var $toggleMe = $inactive; 
    if ($inactive.length == 0) { 
     $toggleMe = $opts; 
     checkAll = false; 
    } 
    $toggleMe.find('input').click(); 
    $(this).parent().find('input').attr('checked', checkAll); 
    event.preventDefault(); 
});

источник

2014-01-28 03:32:58 PatrickDelancy

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

Я считаю, что это из обработчика события click в родительском списке. Используйте event.preventDefault(). Я обновлю ответ, чтобы показать это. – PatrickDelancy

любая помощь будет оценена. –

Вы можете использовать event.stopPropagation(); Я не могу комментировать из-за меньшей репутации. Надеюсь, это поможет.

источник

2014-04-17 08:09:25 naxxateux

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

Для того, чтобы группы параметров, которые будут правильно отображаться в зарегистрированном/снят после нескольких попыток заменить:

$(this).parent().find('input').**attr**('checked', checkAll);

$(this).parent().find('input').**prop**('checked', checkAll);

источник

2014-05-27 13:52:37

Нет необходимости делать какие-либо код для достижения ваших требований.

Существует вариант называется enableClickableOptGroups в этом плагине, чтобы выбрать все опции optgroup

http://davidstutz.github.io/bootstrap-multiselect/#configuration-options-enableClickableOptGroups

источник

2016-06-15 13:46:27

: D круто! Вот почему они говорят: RTFM! – Srichakradhar

Jquery bootstrap multiselect optgroup selection

ответ

Смежные вопросы