установите флажок несколько и добавьте его значение

Question

установите флажок несколько и добавьте его значение

0

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

если флажок установлен, значение (ids) будет добавлено в текстовое поле ниже; если он не установлен, он удалит значение.

:

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

(function($) {
    jQuery.fn.multiselect = function() {
        $(this).each(function() {

            var checkboxes = $(this).find("input:checkbox");
            var selectAll  = $(this).find("input[class='checkAll']");

            selectAll.off('click').on('click', function() {
                $(this).closest('div').find(':checkbox').prop('checked', this.checked );
                $(this).closest('div').find(':checkbox').parent().toggleClass("multiselect-on", this.checked);
            });

            checkboxes.each(function() {
                var checkbox = $(this);

                checkboxes.on('change', function() {
                   $(this).parent().toggleClass("multiselect-on", this.checked);
                   var string = checkboxes.filter(":checked").map(function(){
                      return this.value;
                   }).get().join(",");

                   $('#empid').val(string);

                });
            });
        });
    };
    })(jQuery);

--thanks для @undefined минимизации функции;)

Функция [ОБНОВЛЕНО]

Функция теперь работает соответственно с выбором всей опции. но идея должна быть; если один из элементов не отмечен, необходимо выбрать флажок "Выбрать все"!

нашел ту же идею в плагинах Multiple Select, которые я хочу включить в функции

Пожалуйста, помогите просветить меня снова! ; (

mrrsb 23 май 2014, в 11:33

Источник

0

Пожалуйста, предоставьте весь код в контексте вопроса, как вы устанавливаете раскрывающийся список, слушателей и т. Д.
Aboca 23 май 2014, в 08:54
0

почему вы написали checkbox.click отдельно, если вы можете написать ту же логику в checkboxes.on ('click' ....?
Bhushan Kawadkar 23 май 2014, в 08:56
0

@aboca Я использовал встроенную функцию on on для выбора и вызова функции multiselect
mrrsb 23 май 2014, в 08:57
0

@Bhushan Kawadkar я заметил это, но не могу найти способ соединить это
mrrsb 23 май 2014, в 08:59
0

@mrrsb, тогда каждый раз, когда вы меняете элемент из выпадающего списка, он будет перебирать элементы DOM в тот момент, если вы изменили эти элементы, он не найдет их, поэтому заполнит текст пустым, потому что флажок не установлен , Возможно, я неправильно понял вашу проблему.
Aboca 23 май 2014, в 09:14
0

да @aboca. Есть ли способ вызвать функцию вместо встроенного?
mrrsb 23 май 2014, в 09:19
0

Самым простым способом @mrrsb было бы просто скрыть и показать входные данные с выпадающим списком, после чего вы можете инициализировать множественный выбор со всеми элементами и сохранить его проверку.
Aboca 23 май 2014, в 09:24
0

@Aboca Абока, было бы очень полезно, если бы вы могли дать мне пример демо? :)
mrrsb 26 май 2014, в 03:16
0

@mrrsb не могли бы вы создать jfiddle с вашим кодом? таким образом, я мог видеть проблему легче
Aboca 26 май 2014, в 07:59
0

наконец, получилось, просто добавив список имен, затем разделите их в div и спрячьте / покажите список! спасибо @Aboca!
mrrsb 27 май 2014, в 01:12
0

Рад, что смог помочь
Aboca 27 май 2014, в 07:38
0

Я обновил функцию. Пожалуйста помоги :(
mrrsb 27 май 2014, в 08:17

Показать ещё 10 комментариев

Теги:

jquery

select

drop-down-menu

1 ответ

Ещё вопросы

Пожалуйста, предоставьте весь код в контексте вопроса, как вы устанавливаете раскрывающийся список, слушателей и т. Д.
почему вы написали checkbox.click отдельно, если вы можете написать ту же логику в checkboxes.on ('click' ....?
@aboca Я использовал встроенную функцию on on для выбора и вызова функции multiselect
@Bhushan Kawadkar я заметил это, но не могу найти способ соединить это
@mrrsb, тогда каждый раз, когда вы меняете элемент из выпадающего списка, он будет перебирать элементы DOM в тот момент, если вы изменили эти элементы, он не найдет их, поэтому заполнит текст пустым, потому что флажок не установлен , Возможно, я неправильно понял вашу проблему.
да @aboca. Есть ли способ вызвать функцию вместо встроенного?
Самым простым способом @mrrsb было бы просто скрыть и показать входные данные с выпадающим списком, после чего вы можете инициализировать множественный выбор со всеми элементами и сохранить его проверку.
@Aboca Абока, было бы очень полезно, если бы вы могли дать мне пример демо? :)
@mrrsb не могли бы вы создать jfiddle с вашим кодом? таким образом, я мог видеть проблему легче
наконец, получилось, просто добавив список имен, затем разделите их в div и спрячьте / покажите список! спасибо @Aboca!
Я обновил функцию. Пожалуйста помоги :(

undefined · Answer 1 · 2014-05-23T07-35-00.000Z

Предполагая, что #chekeditem выбирает целевой элемент (textarea), вы должны просто использовать метод val вместо text. Для установки/получения значений формы используется метод val.

Обратите внимание, что вы прикрепляете несколько обработчиков кликов к элементам в each цикле:

checkboxes.each(function() {
    ...
    // Add selected checkbox in textarea
    checkboxes.on('click' ...

И jQuery on методу итерации через коллекцию внутренне, вам не нужно использовать цикл на первом месте.

Вы также можете Минимизировать код, нет необходимости использовать несколько click (лучше слушать change событие) обработчик:

checkboxes.on('change', function() {
   $(this).parent().toggleClass("multiselect-on", this.checked);

   var string = checkboxes.filter(":checked").map(function(){
      return this.value;
   }).get().join(",");

   $('#chekeditem').val(string);
});

Если обработчик должен быть вызван сразу после привязки события, вы можете инициировать событие с помощью метода change(), trigger('eventName') или triggerHandler().

checkboxes.on('change', function() {}).change();

спасибо за указание на это. checkboxes.on ('click' .. используется для выделения флажка
спасибо @ не определено! Теперь проблема в том, как сохранить значение в текстовой области
Я вызываю функцию и применяю ее к DOM. может быть, у вас есть лучший способ добавить его в DOM? :)
@mrrsb Пожалуйста, не могли бы вы быть более конкретным, пожалуйста?
в моем раскрывающемся списке. Я вызвал функцию selectchanged (), где эта функция заполняет список имен. code <select name = "deptid" id = "deptid" onchange = "javascript: selectchanged ('url', 'formId', 'taregtDiv'); selectfilter ();"> Select Team </ select>, а затем я вызываю также selectfilter (), где происходит fn.multiselect.