Перейти к содержимому


Фотография
- - - - -

выбрать/отменить все элементы списка

jquery.chosen

Лучший Ответ al2401 , 26 August 2016 - 17:18

Да с jQuery теперь понял, код работает, как надо. Добавил, чтоб работало по клику. Спасибо.

<div id="select-all" style="cursor: pointer; text-decoration: underline;">Выбрать все</div>
<script type="text/javascript">
	jQuery(function($){ 
		jQuery('#select-all').click(function() {
			$('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
			$('#jbfilter-id-itemauthor').JBZooSelect({}).JBZooSelect('repaintChosen');
		});
	});
</script>
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 9

#1 al2401

al2401

Отправлено 25 August 2016 - 08:40

Добрый день, подскажите как в множественный фильтр jquery.chosen добавить "Выбрать все" и "Снять все".

 

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

 

на http://stackoverflow.comесть такой ответ:

$('.my-select-all').click(function(){
    $('#my_select option').prop('selected', true); // Selects all options
});

не знаю как прикрутить его к JBZoo jquery.chosen


  • 0

#2 SmetDenis

SmetDenis

Отправлено 26 August 2016 - 08:33

JBZoo использует chosen из Joomla.
Есть вероятность что он устарел и там может не быть такой возможности.


Не вижу проблемы добавить этот JS в подходящий шаблон, например в основной формы фильтра.
Пробовали?
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 al2401

al2401

Отправлено 26 August 2016 - 10:13

Да в шаблон фильтра добавлял, не уверен, что правильно, не работает.

<script type="text/javascript">
  $('.jbfilter-element').click(function(){
     $('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
});
</script>

  • 0

#4 SmetDenis

SmetDenis

Отправлено 26 August 2016 - 10:16

А можете дать ссылку на страницу?
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#5 CB9TOIIIA

CB9TOIIIA

Отправлено 26 August 2016 - 10:52

и Вы вот серьезно не думаете, что кто-то может в админке shell залить или еще чего? в паблик зачем.


  • 0

#6 SmetDenis

SmetDenis

Отправлено 26 August 2016 - 11:39

Попробуйте сделать так

$('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
$('#jbfilter-id-itemauthor').JBZooSelect({}).JBZooSelect('repaintChosen');

  • 1
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#7 al2401

al2401

Отправлено 26 August 2016 - 13:25

Добавил, визуально ничего не изменилось


  • 0

#8 al2401

al2401

Отправлено 26 August 2016 - 13:51

и Вы вот серьезно не думаете, что кто-то может в админке shell залить или еще чего? в паблик зачем.

Спасибо за предупреждение, опубликованная учетка не от админ панели.


  • 0

#9 SmetDenis

SmetDenis

Отправлено 26 August 2016 - 15:26

Так вы не правильно используете jQuery.
Всю работу скриптов всегда нужно обрамлять в doсument ready

<script type="text/javascript">
jQuery(function($){ // выполнится только после загрузки документа
    $('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
    $('#jbfilter-id-itemauthor').JBZooSelect({}).JBZooSelect('repaintChosen');
});
</script>

  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#10 al2401

al2401

Отправлено 26 August 2016 - 17:18   Лучший Ответ

Да с jQuery теперь понял, код работает, как надо. Добавил, чтоб работало по клику. Спасибо.

<div id="select-all" style="cursor: pointer; text-decoration: underline;">Выбрать все</div>
<script type="text/javascript">
	jQuery(function($){ 
		jQuery('#select-all').click(function() {
			$('#jbfilter-id-itemauthor option').prop('selected', true); // Selects all options
			$('#jbfilter-id-itemauthor').JBZooSelect({}).JBZooSelect('repaintChosen');
		});
	});
</script>

Сообщение отредактировал al2401: 26 August 2016 - 17:18

  • 1





Темы с аналогичным тегами jquery.chosen

Click to return to top of page in style!