javascript - Jqueryで入力チェックボックスのトグル状態を取得する

Question

onチェックボックスをクリックするたびに、チェックボックスの状態（ / ）に対応する値がコンソールに出力されるようにしたいと思いますoff。似たようなタイトルのスレッドがあることは知っていますが、私が見たすべてのスレッドには明確な例がありません。

これが私がこれまでに得たものです（オンにConsoleしてクリックしますAdd library）JQuery1.8.3：

試行1

これは、ページが読み込まれたときにのみ印刷されます。クリックするたびに印刷したいと思います。

試行2

このスニペットは、チェックボックスをクリックするたびにオンとオフの値を切り替えますが、オンに切り替えると、ボックスにチェック記号が表示されなくなります。

Answer 1

変更イベントを聞きます。

$("#box").change(function(){  
    console.log(this.checked); 
    // console.log( this.checked ? 'on' : 'off' ); 
});

Answer 2

$("#box").change(function() {
  console.log($(this).prop('checked'));
});

Answer 3

非常に簡単です。クリックイベント内で.val（）を使用する必要があります。コードは次のとおりです。

$('input[type="checkbox"]').click(function() {
    if( $(this).is(':checked') ) {
        console.log( $(this).val() );
    } else {
        console.log('no');
    }
});

これが実際のデモです。お役に立てれば！

Answer 4

あなたはこのようにすることができます：

$('#box').click(function()
{
    if ($('#box').is(':checked')){ 
        console.log("on"); 
    }else{ 
        console.log("off");
    }
});