无法触发复选框更改

Question

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

此代码的工作，当我把它的单击事件中：

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

但是当我使用这个代码，它不是：

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

：

$('tr td input').live('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.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'); 
}); 

选中此demo