javascript - クリック時にチェックボックスのチェック済みステータスを確認する

Question

チェックボックスをクリックしたときのステータスをテストしようとしています。

私の問題は、変更イベントが発生する前ではなく、発生した後にステータスを報告するのと同じように常にtrueを報告することです。

とにかく変更前にテストできますか？

jQueryを使用する現在のコード-クラス'パッケージ'のすべてのチェックボックス：

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

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

編集：わかりました、クリック機能が実際に機能したことをクリーンアップした後、プロセスを妨害するいくつかの古いjsがあったようです。皆さんありがとう。

score 2 · Accepted Answer

onchangeチェックボックスでイベントを使用することは、クロスブラウザーではありません(こんにちは IE! そして、jQuery を使用する場合でもそうです)。

以下の作品：

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

チェックボックスをオンにすると「true」、オフにすると「false」がログに記録されます。

そして真剣に、$(this).attr('checked')orを使用すること$(this).is(':checked')はただの jQueryception です。

score 1 · Accepted Answer

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

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

編集：実際のJavascriptオブジェクト自体をクエリしてみてください。うまくいくはずです

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

score 1 · Accepted Answer

代わりに change イベントを使用できます。これにより、以前にチェックされた状態が、現在読んでいるものとは常に反対になることが保証されます。

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

3 に答える 3