如何将onclick处理程序关联到复选框来通过ajax php

时间:2011-01-11 04:10:00

标签: jquery ajax

我从ajax请求中检索一个表,在该表中我有一个复选框,我想在jquery.please帮助中获取它的onClick函数。

3 个答案:

答案 0 :(得分:2)

我建议您使用delegate功能,这样做的好处是可以减少向{strong>每个复选框添加click处理程序的重量,如果新行不受影响是否动态创建,而是将其添加到整个表中,当您单击它时,它会找出您单击了哪个复选框,您只需要一个空表例如

<table id="my_table">
</table>

然后你可以追加新的行。您的点击事件代码应如下所示:

$("#my_table").delegate('checkbox',function(){
    $(this)
       .closest("tr")
       .css({background:"red"}); //example purposes, not necessary
});

答案 1 :(得分:0)

您可以使用.live()事件。将类分配给动态生成的复选框,并使用以下代码。

$("#yourtableid input:checkbox.checkboxclass").live("click", function(){
    // to get the parent row
    var row = $(this).closest("tr");
    // to prevent event bubbling
    return false;
});

答案 2 :(得分:0)

两种方式: 一个是如上使用.live() 或者你可以将.cl​​ick()事件绑定到ajax调用之后的复选框,例如

$.post('url/path', function(response) {
  $('.checkboxes').click( function() {
    //do stuff here
  });
});

.live()方法很简单,但它有一些限制,即事件冒泡限制,它拒绝正常传播事件。