123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- $(function() {
- // initialize all the inputs
- $('input[type="checkbox"],[type="radio"]').not('#create-switch').bootstrapSwitch();
- // dimension
- $('#btn-size-regular-switch').on('click', function () {
- $('#dimension-switch').bootstrapSwitch('setSizeClass', '');
- });
- $('#btn-size-mini-switch').on('click', function () {
- $('#dimension-switch').bootstrapSwitch('setSizeClass', 'switch-mini');
- });
- $('#btn-size-small-switch').on('click', function () {
- $('#dimension-switch').bootstrapSwitch('setSizeClass', 'switch-small');
- });
- $('#btn-size-large-switch').on('click', function () {
- $('#dimension-switch').bootstrapSwitch('setSizeClass', 'switch-large');
- });
- // state
- $('#toggle-state-switch-button').on('click', function () {
- $('#toggle-state-switch').bootstrapSwitch('toggleState');
- });
- $('#toggle-state-switch-button-on').on('click', function () {
- $('#toggle-state-switch').bootstrapSwitch('setState', true);
- });
- $('#toggle-state-switch-button-off').on('click', function () {
- $('#toggle-state-switch').bootstrapSwitch('setState', false);
- });
- $('#toggle-state-switch-button-status').on('click', function () {
- alert($('#toggle-state-switch').bootstrapSwitch('status'));
- });
- // destroy
- $('#btn-destroy-switch').on('click', function () {
- $('#destroy-switch').bootstrapSwitch('destroy');
- $(this).remove();
- });
- // CREATE
- $('#btn-create').on('click', function () {
- $('#create-switch').bootstrapSwitch();
- $(this).remove();
- });
- // ACTIVATION
- $('#btn-is-active-switch').on('click', function () {
- alert($('#disable-switch').bootstrapSwitch('isActive'));
- });
- $('#btn-toggle-activation-switch').on('click', function () {
- $('#disable-switch').bootstrapSwitch('toggleActivation');
- });
- $('#btn-disable-switch').on('click', function () {
- $('#disable-switch').bootstrapSwitch('setActive', false);
- });
- $('#btn-activate-switch').on('click', function () {
- $('#disable-switch').bootstrapSwitch('setActive', true);
- });
- // LABEL
- $('#btn-label-on-switch').on('click', function() {
- $('#label-switch').bootstrapSwitch('setOnLabel', 'I');
- });
- $('#btn-label-off-switch').on('click', function() {
- $('#label-switch').bootstrapSwitch('setOffLabel', 'O');
- });
- $('#label-toggle-switch').on('click', function(e, data) {
- $('.label-toggle-switch').bootstrapSwitch('toggleState');
- });
- $('.label-toggle-switch').on('switch-change', function(e, data) {
- alert(data.value);
- });
- $('#label2-toggle-switch').on('switch-change', function(e, data) {
- alert(data.value);
- });
- // event handler
- $('#switch-change').on('switch-change', function (e, data) {
- var $element = $(data.el),
- value = data.value;
- console.log(e, $element, value);
- });
- // COLOR
- $('#btn-color-on-switch').on('click', function() {
- $('#change-color-switch').bootstrapSwitch('setOnClass', 'success');
- });
- $('#btn-color-off-switch').on('click', function() {
- $('#change-color-switch').bootstrapSwitch('setOffClass', 'danger');
- });
- // ANIMATION
- $('#btn-animate-switch').on('click', function() {
- $('#animated-switch').bootstrapSwitch('setAnimated', true);
- });
- $('#btn-dont-animate-switch').on('click', function() {
- $('#animated-switch').bootstrapSwitch('setAnimated', false);
- });
- // RADIO
- $('.radio1').on('switch-change', function () {
- $('.radio1').bootstrapSwitch('toggleRadioState');
- });
- $('.radio2').on('switch-change', function () {
- $('.radio2').bootstrapSwitch('toggleRadioStateAllowUncheck', true);
- });
- });
|