2014-01-17 3 views
0

Я использую bootstrap 3 с bootstrap. Переключатель для контрольных битов и переключателей. Я пытаюсь предупредить выбранное значение (при переключении), но без предупреждения. Вот мой код: "государство"bootstrap переключатель выбранный вариант предупреждение не работает

$(document).ready(function() { 
    $('#preAuth').on('switch-change', function (e, data) { 
     alert(data.value); 
    }); 
}); 

HTML

<div class ="form-group"> 
    <label class="col-sm-3 control-label">Does payment profile exists ?</label>           
    <label class="checkbox-inline">           
     <input type="checkbox" id="preAuth" name="preAuth" data-on="primary" data-off="info" data-on-label="YES" data-off-label="NO" > 
    </label> 
</div> 

Оригинальная документация Switch

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

+0

Я не могу видеть, что вы редактировали ADRIFT. – user3067524

+0

Я вижу ваши правки сейчас. Спасибо за добавление тегов html. – user3067524

ответ

2

Я думаю, что вы забываете создать переключатель в первую очередь. Вам нужно это:

$(document).ready(function() { 

    $('#preAuth').bootstrapSwitch(); //create the switch 
    //Now you can call it: 
    $('#preAuth').on('switch-change', function (e, data) { 
      alert(data.value); 
    }); 
}); 

Fiddle

+0

Все еще не работает. Ваш пример скрипки также не работает. – user3067524

+0

@ user3067524 Моя скрипка отлично работает: вы нажимаете на флажок, и в зависимости от состояния отображается «true» или «false». Разве это не то, что вы хотите? – Icarus

+0

Да. Спасибо!. В вашей скрипте onLoad является loding jQuery 2.0 и не работает. Я перенес его на 1,9, и это сработало. Но в моем коде actaul я использую 1.9, и тот же код не работает. – user3067524

Смежные вопросы