onClick或onChange时，复选框不会触发事件

Question

我不知道为什么我的复选框没有在jQuery上触发事件。 这是我的表结构：

div id=example1
--table
  --tr
      --td + icon to check line item
      --td setOff select box
      --td checkbox class="fill"

我正在这样做：

jQuery('#example1').on('click','.fill',function(){
    alert($(this).is(":checked"));
   });

但是它不起作用，它没有alert(Hello)，我也试过改变但仍然没有警告。

我可以在控制台中打印Hello但无法提醒

Answer 1

如果您已经在使用jQuery，则可以使用click功能。 让我们说这是你的表

<div id='example1'>
    <table>
        <thead>
            <tr><th></th><th>Row Text</th></tr>
        </thead>
        <tr>
            <td class='fill'><input type="checkbox" /></td>
            <td>Test</td>
        </tr>
    </table>
</div>

相应的javascript将是：

$('#example1 td').click(function(){
    alert('clicked');
});