クリック時にチェックボックスの状態を確認する

Question

クリックするとチェックボックスの状態をテストしようとしています。

私の問題は、変更イベントが発生した後ではなく、以前に発生したことがないことを報告しているため、常に真であると報告することです。

私は変更前にテストすることができます。 jQueryのを使用して

現在のコード - クラスのパッケージ "のチェックボックスすべて：

$(".package").click(function(){ 
    if($(this).is(":checked")){ 
     alert($(this).attr("checked")); 
    } 
}); 

これは、常に現在チェックされていないチェックボックスを選択する場合でも、trueを返します。

編集： OK機能が正常に機能したことを掃除した後、プロセスに干渉する古いjsがあるようです。皆さんありがとう。

Answer 1

チェックボックスのonchangeイベントを使用すると、cross-browser（hello IE！そして、はい、jQueryでも）。

次作品：

$('.package').click(function() { 
    console.log(this.checked) // There is no need for jQuery here 
}) 

ログの「本当の」あなたは、あなたがそれをオフにチェックボックス、および「偽」をご確認ください。

真剣には、$(this).attr('checked')または$(this).is(':checked')を使用すると、何もないjQueryceptionに過ぎません。

Answer 2

クリックイベントが発生し、実際のテキストボックスの変更が行われる前に、あなたが変更イベントをサブスクライブする必要があります。

$(".package").change(function(){ 
    if($(this).is(":checked")){ 
     alert($(this).attr("checked")); 
    } 
}); 

を編集：

$(".package").change(function(){ 
    if(this.checked){ 
     alert(this.checked); 
    } 
}); 

を動作するはずです、実際のJavaScriptオブジェクト自体を照会してください

Answer 3

変更イベントを代わりに使用することができます。この方法では、以前にチェックした状態が常にあなたが今読んだ内容の無効であることがわかります

$(".package").change(function() { 
    alert($(this).attr("checked")); 
});