チェックボックス入力は、もはやここで説明したように、私はボタンのように、チェックボックスを実装しようとしています「変更」イベント

Question

をトリガされていない：私はを聞くしようとしています

https://v4-alpha.getbootstrap.com/components/buttons/#checkbox-and-radio-buttons

根底にあるチェックボックスの変更イベントIはFOOを行うことができますので、（）、しかしイベントはここに私のjsFiddleを参照し、発射されていません。ここに私のだ

Fiddle example

コード：

<div class=''> 
    <div class="hideComplete btn-group" data-toggle="buttons" > 
    <label class="btn btn-primary btn-sm" id="hideCompleteLabel">Hide completed 
     <input type="checkbox" id="hidecomplete"/> 
     </label> 
    </div> 
</div> 
<script> 
    $('#hidecomplete').on('change', function() { 
     if ($(this).is(':checked')) { 
      alert("I'm checked") 
     } else { 
      alert("I'm not checked") 
     } 

    }); 
</script> 

Answer 1

Working fiddle。

$('#hidecomplete').on('change', function() { 
    if ($(this).is(':checked')) { 
    alert("I'm checked") 
    } else { 
    alert("I'm not checked") 
    } 
}); 

注：は、エラーのコンソールを確認してください、あなたはそうあなたがそうちょうどそれがフィドルは、同じコードで正常に動作させる追加するにはフィドルでjQueryライブラリを含めていない

通知できる：

Uncaught ReferenceError: $ is not defined

希望することができます。