無法觸發複選框更改

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