Вкл/откл ползунок нажав на Checkbox (Web Builder)


Включить / отключить Бегунок jQuery нажатием на Checkbox (установка / снятие флажка). Чтобы отключить ui ползунок, вы можете использовать метод ('disable'), для включения ползунка можно использовать метод ('enable').
Пример включения / отключения jQuery Бегунка нажав на Checkbox
вкл/откл
В HTML-исходнике страницы между тегами <head> вставьте скрипт:
1
2
3
4
5
6
7
8
9
10
11
<script>
$(function() {
$("
#jQuerySlider").slider('disable');
  $('body').on('click', '
#Flag', function () {
  if ($(this).is(":checked")) {
  $("
#jQuerySlider").slider('enable');
} else {
$("
#jQuerySlider").slider('disable');
  }
}); });
</script>
jQuerySlider - это id ползунка (бегунка).
Flag - это id чекбокса (Checkbox) вкл/откл.
Для тех кто не является пользователем программы WYSIWYG Web Builder в самом верху скрипта (сразу после <script>) добавьте:
$(document).ready(function() {
   var jQuerySliderOptions =
   {
      orientation:
'horizontal',
      animate:
true,
      range:
'min',
      min:
0,
      max:
100,
     
value: 30
   };
   $("
#jQuerySlider").slider(jQuerySliderOptions);
});
Скачать исходник .wbs (версия 12.3.0)