index.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. $(function() {
  2. // initialize all the inputs
  3. $('input[type="checkbox"],[type="radio"]').not('#create-switch').bootstrapSwitch();
  4. // dimension
  5. $('#btn-size-regular-switch').on('click', function () {
  6. $('#dimension-switch').bootstrapSwitch('setSizeClass', '');
  7. });
  8. $('#btn-size-mini-switch').on('click', function () {
  9. $('#dimension-switch').bootstrapSwitch('setSizeClass', 'switch-mini');
  10. });
  11. $('#btn-size-small-switch').on('click', function () {
  12. $('#dimension-switch').bootstrapSwitch('setSizeClass', 'switch-small');
  13. });
  14. $('#btn-size-large-switch').on('click', function () {
  15. $('#dimension-switch').bootstrapSwitch('setSizeClass', 'switch-large');
  16. });
  17. // state
  18. $('#toggle-state-switch-button').on('click', function () {
  19. $('#toggle-state-switch').bootstrapSwitch('toggleState');
  20. });
  21. $('#toggle-state-switch-button-on').on('click', function () {
  22. $('#toggle-state-switch').bootstrapSwitch('setState', true);
  23. });
  24. $('#toggle-state-switch-button-off').on('click', function () {
  25. $('#toggle-state-switch').bootstrapSwitch('setState', false);
  26. });
  27. $('#toggle-state-switch-button-status').on('click', function () {
  28. alert($('#toggle-state-switch').bootstrapSwitch('status'));
  29. });
  30. // destroy
  31. $('#btn-destroy-switch').on('click', function () {
  32. $('#destroy-switch').bootstrapSwitch('destroy');
  33. $(this).remove();
  34. });
  35. // CREATE
  36. $('#btn-create').on('click', function () {
  37. $('#create-switch').bootstrapSwitch();
  38. $(this).remove();
  39. });
  40. // ACTIVATION
  41. $('#btn-is-active-switch').on('click', function () {
  42. alert($('#disable-switch').bootstrapSwitch('isActive'));
  43. });
  44. $('#btn-toggle-activation-switch').on('click', function () {
  45. $('#disable-switch').bootstrapSwitch('toggleActivation');
  46. });
  47. $('#btn-disable-switch').on('click', function () {
  48. $('#disable-switch').bootstrapSwitch('setActive', false);
  49. });
  50. $('#btn-activate-switch').on('click', function () {
  51. $('#disable-switch').bootstrapSwitch('setActive', true);
  52. });
  53. // LABEL
  54. $('#btn-label-on-switch').on('click', function() {
  55. $('#label-switch').bootstrapSwitch('setOnLabel', 'I');
  56. });
  57. $('#btn-label-off-switch').on('click', function() {
  58. $('#label-switch').bootstrapSwitch('setOffLabel', 'O');
  59. });
  60. $('#label-toggle-switch').on('click', function(e, data) {
  61. $('.label-toggle-switch').bootstrapSwitch('toggleState');
  62. });
  63. $('.label-toggle-switch').on('switch-change', function(e, data) {
  64. alert(data.value);
  65. });
  66. $('#label2-toggle-switch').on('switch-change', function(e, data) {
  67. alert(data.value);
  68. });
  69. // event handler
  70. $('#switch-change').on('switch-change', function (e, data) {
  71. var $element = $(data.el),
  72. value = data.value;
  73. console.log(e, $element, value);
  74. });
  75. // COLOR
  76. $('#btn-color-on-switch').on('click', function() {
  77. $('#change-color-switch').bootstrapSwitch('setOnClass', 'success');
  78. });
  79. $('#btn-color-off-switch').on('click', function() {
  80. $('#change-color-switch').bootstrapSwitch('setOffClass', 'danger');
  81. });
  82. // ANIMATION
  83. $('#btn-animate-switch').on('click', function() {
  84. $('#animated-switch').bootstrapSwitch('setAnimated', true);
  85. });
  86. $('#btn-dont-animate-switch').on('click', function() {
  87. $('#animated-switch').bootstrapSwitch('setAnimated', false);
  88. });
  89. // RADIO
  90. $('.radio1').on('switch-change', function () {
  91. $('.radio1').bootstrapSwitch('toggleRadioState');
  92. });
  93. $('.radio2').on('switch-change', function () {
  94. $('.radio2').bootstrapSwitch('toggleRadioStateAllowUncheck', true);
  95. });
  96. });