小编use*_*515的帖子

我正在使用Bootstrap 3.0.2和Bootstrap-select插件.

这是我的选择列表:

<select class="selectpicker" data-live-search="true" data-size="7">
  <option>Petr Karel</option>
  <option>Honza Novák</option>
  <option>David Egydy</option>
  <option>Sláva Ková?</option>
  <option>Hana Skalická</option>
  <option>Simona Kolá?ová</option>
  <option>Kate?ina Sychová</option>
  <option>Amálka Sychová</option>
  <option>Jana Sychová</option>
  <option>Magdaléna Sychová</option>
  <option>Tereza Sychová</option>
  <option>Bohdana Sychová</option>
</select>

这是我的JavaScript:

//inicialization of select picker
$('.selectpicker').selectpicker();

//on change function i need to control selected value
$('select.selectpicker').on('change', function(){
   var selected = $('.selectpicker option:selected').val();
   alert(selected);
});

问题

我的问题是改变功能不起作用.它没有做任何事情,我自己找不到解决方案.

如果我把它放入文件准备而不是改变功能它似乎工作.所以我想我在某处犯了错误:

$('select.selectpicker').on('change', function(){

我也尝试过只使用:

$('.selectpicker').on('change', function(){

没有这个选择前缀但没有任何变化.

UPDATE

解决方案是将jquery代码放入document.ready().感谢Kartikeya

我使用Bootstrap开关插件使我的复选框看起来像开关按钮.我需要检查是否在jQuery中选中了复选框.我google了很多,我尝试了一些建议和代码片段,但没有成功.

我认为我发现的最干净的代码是

$('#checkbox').attr('checked');

但它仍然无法在我的网站上工作.我已经声明了jQuery.我尝试在非bootstrap-switch-checkboxes上使用这个片段,但仍然没有成功.

JS:

 <script>
    $(function(){
      $(".odeslat").click(function(){
           $('#pozadavky').slideUp(100);
           $('#datumpick').slideDown(300);

       var typpaliva = 'nic';
       var malpg = 'nic';¨

       /***Important condition***/

       if ($('#uho').attr('checked')) {
            $.cookie("typpaliva", "Diesel");
       }
       else {
            $.cookie("typpaliva", "Benzin");
       }


 /**********************************************/


    $.ajax({
   url: 'http://podivej.se/script_cas.php',
   data: {druh: '30'},
   type: "POST",
   success: function(data){
            alert($.cookie('typpaliva')); 
            alert($.cookie('malpg'));   
   }
   });

  });
});
</script> 

HTML

<input type="checkbox" name="testcheckbox" id="uho"/>