Question

我有一个包含一行和三列的表，在第三列我有一个复选框，如果有变化我想作出反应：

<table id="tabla_busqueda">
   <tr>
     <td>Data 1</td>
     <td>Data 2</td>
     <td><input type="checkbox" class="check_nuevo"></td>
   </tr>
</table>

我试过了：

$('table tr td input.check_nuevo').on('change', function(){
    alert('hello');
});

$('table#tabla_busqueda .check_nuevo').on('change', function(){}
$('table td .check_nuevo').on('change', function(){}

和其他一些人，但似乎没有任何作用。我究竟做错了什么？有关如何定位该复选框的任何建议？

这是php中生成我的表的代码

foreach ($datos as $row) {
                $clase = ($fila % 2 == 0) ? 'even' : 'odd';
                $resultado .=   '<tr class="'. $clase .'"> 
                                    <td class="imagen_chica" ><img src="' . base_url() . 'product_images_mini/' . $row->image_path . '"></td>
                                    <td>' . $row->titulo . '<em> de </em>' . $row->nombre_autor . '</td>
                                    <td><input type="checkbox" class="check_nuevo"></td>
                                </tr>'; 
                                $fila++;    
                }

Answer 1

我猜测当你绑定更改处理程序时，内容还没有。这样的事情应该有效：

$(document).on('change', 'table tr td input.check_nuevo', function() {
    alert("Is this working now?");
});

Answer 2

使用'bind'代替'on'：

$('table tr td input.check_nuevo').bind('change', function(){
    alert('hello');
});

检查此jsfiddle：http://jsfiddle.net/5cJjh/

表格内的目标复选框

2 个答案: