2017-03-13 8 views
1

チェックボックスのステータスが変更されたかどうかを誰かに教えてもらえるかどうかは疑問でした。問題は私が派手なチェックボックスを与えるブートストラップテーマ(AdminLTE)を使用していることですが、チェックボックスにonchangeまたはonclickを置くことはできません。なぜなら、私は "makeup"の下に隠されているからです。チェックボックスを変更した後に何かするJQuery

私はチェックボックスのステータス変更(真または偽)、あなたがHTMLにonclickなどでチェックボックスを "アクセス"することはできませんが何かを行うソリューションを探しています。

チェックボックスプラグイン:icheck。

チェックボックスのコード:事前に

<span class="input-group-addon"> 
    <input id="username" type="checkbox" class="minimal"> 
    </span> 

おかげで(:

編集:ここではほとんどの答えは(他の人のために役に立つことがあります)定期的なチェックボックスのために働くだろうが、私の問題にありました1答えを働いしかし、私は誰もが(感謝したいと思います:。。

+0

あなたはそれはあなたがいつでも使用することができますclass' 'id'または' '知っている場合eventListener'に 'change'イベントを追加します。 –

+0

正確なプラグインを使用することはできますか? –

+0

@PranavCBalan icheck、質問に追加:( – JeroenM

答えて

2

ifChanged eventのイベントハンドラをアタッチ

$('input').on('ifChanged', function(event){ 
    alert(event.type + ' callback'); 
}); 

希望のイベントは、iCheckプラグイン(check here)によって必要に応じて選択できます。

+0

これらの回答はどれもうまくいかないようですが、あなたの答えはプラグインを念頭に置いています。 – JeroenM

+0

@JeroenM:ドキュメント準備完了ハンドラを使用しています: '$(document).ready(function(){$( 'input')。 { アラート(event.type + 'コールバック'); } {{{if()}}; );}); ' –

+1

おっと、ええ、忘れてしまった。ありがとう! – JeroenM

0

チェックこのexample JS

$('input:checkbox[name=example]').change(function() { 
    alert("Hello!"); 
}); 

HTML

<input type="checkbox" name="example" /> click me 
0

はこれを試してみてください。..

$(document).ready(function(){ 
     $("#x").change(function(){ 
      if ($("#y").val().length == 0) 
       { 
       $("#y").val(0); 
       var a = parseInt($('#x').val(), 10); 
       var b = parseInt($('#y').val(), 10); 
       $('#z').val(a+b); 
       } 
      else{ 
       var a = parseInt($('#x').val(), 10); 
       var b = parseInt($('#y').val(), 10); 
       $('#z').val(a+b); 
      } 
     }); 
関連する問題