无法触发复选框更改

Question

我正在使用jQuery 1.8.3。 我想触发每个复选框状态更改。

当我将其放入click事件中时，此代码有效：

$("#btn_off").click(function(){
   $( "tr td input" ).each(function( index ) 
   {
    if ($(this).is(":checked"))
    {
       //some code
    }
   });
});

但是当我使用此代码时，它不是：

$('tr td input').live('change', function(){ 
    if(this.checked)
    {
       //something
    }
});

然后我尝试了：

$('tr td input').on('change', function(){ 
    if(this.checked)
    {
       //something
    }
});

并具有以下内容：

$('tr td :checkbox').change(function() { 
    if(this.checked)
    {
       //something
    }
});

我究竟做错了什么？ 这段代码位于.ready()这是网站上唯一的复选框，因此我确定selector应该可以使用...

Answer 1

您可以使用click事件：

$('tr td input').on("click", function() {
    if ($(this).is(':checked')) {

    }
});

Answer 2

试试这个，您必须使用$（this）.is（'：checked'）而不是this.checked

的HTML

<table>
    <tr>
        <td><input type="checkbox"/> </td>
    </tr>
    <tr>
        <td><input type="checkbox"/> </td>
    </tr>
    <tr>
        <td><input type="checkbox"/> </td>
    </tr>
</table>

JS

$(document).ready(function() {
    $('tr td input[type="checkbox"]').on('change', function(){
        if($(this).is(':checked'))
            alert('checked');
        else
            alert('not checked');
    });
});

小提琴： http ： //jsfiddle.net/nuxbox/vxyHq/

Answer 3

这有帮助吗？： http : //jsfiddle.net/msapD/3/

$(document).ready(function(){
    $('tr td input').change(function() { 
        if(this.checked)
        {
           alert("Checked");
        }
    });
});

Answer 4

$(document).ready(function(){
    $('body').delegate('td input:checkbox','click',function() { 
        if($(this).is(':checked'))
        {
           alert("Checked");
        }
    });
});

Answer 5

您需要检查财产

$('input').on('change',function(){
    if($(this).prop('checked'))
        alert('checked');
    else
        alert('unchecked');
});

检查这个演示