jQueryのチェックボックスの使用

Question

チェックボックスがオンになっていても動作していない場合、alertと表示されているコードを記述しようとしています。私は別のコードをオンラインで試しましたが、それでも動作させることはできません。誰も私を助けてくださいでしたか？ありがとうございました。

<div id="filterBox"> 
    <input type="checkbox" value="categorya" id="one" /> 
    <label for="one">One </label> 

    <input type="checkbox" value="categorya" id="two" /> 
    <label for="two">Two </label> 

    <input type="checkbox" value="categorya" id="three" /> 
    <label for="three">Three </label> 
</div> 

$(document).ready(function() { 
    if ($('#one').is(":checked")) { 
     console.log("testing"); 
    } 
}); 

Answer 1

あなたはクリックイベントが欠落しています。次のように試すことができます。

$(document).ready(function(){ 
    $('input[type="checkbox"]').click(function(){ 
    if ($('#one').is(":checked")) { 
     console.log("testing"); 
    } 
    }); 
}); 

@Rory McCrossanの示唆するように、変更イベントを使用することもできます。

$(document).ready(function(){ 
    $('input[type="checkbox"]').change(function(){ 
    if ($('#one').is(":checked")) { 
     console.log("testing"); 
    } 
    }); 
}); 

ワーキングJSFiddleサンプルはhere

Answer 2

であるあなたは、異なる3つの条件を作成する

$(document).ready(function(){ 
    $("#one").change(function(){ 
     if ($(this).prop('checked') == true) { 
     console.log("testing"); 
     } 
    }); 
    }); 

Answer 3

またはその代わりに使用することができ、

すべて

アドオンのためにこれを使用することができますこのjavascript

$('input[type="checkbox"]').click(function(){ 

if ($('#'+this.id).is(":checked")) { 
    console.log(this.id + " is checked"); 
} 
}); 

Answer 4

$(document).ready(function(){ 
    $('input[type="checkbox"]').click(function(){ 
     if (this.checked) {    
      alert(this.id); 
     } 
    }); 
}); 

Answer 5

これを試してみてください、あなたはまた、次のように特定のチェックボックスのチェックを回避することが、あなたのチェックボックスにクリックイベントを添付する必要があります。各チェックボックスのクリックイベントが処理されます。

$(document).ready(function() { 
    //attach click on each checkbox 
    $('input[type=checkbox]').on('click', function(){ 
     // if the current checkbox is checked then you can do what you want! 
     if ($(this).is(":checked")) { 
     console.log("testing"); 
     } 
    }); 
});