4

我有一个包含多个复选框输入的表:

<form>
<table id="table">
    <tr>
      <td><input type="checkbox" value="1" class="someClass"></td>
      <td><input type="checkbox" value="1" class="someClass"></td>...

在检查/未选中框时,一些jQuery会从另一个文件中刷新表格:

$(".someClass").on("change", function() {
        $('#edit').ajaxSubmit(); //Submitting the form with id "edit"
        $("#table").load("tablerefresh");
 });

我的问题是,当我选中/取消选中一个框时,表格只会刷新一次,并且每次我选中/取消选中该框时都应该这样做,我到处寻找,似乎找不到解决方案。有任何想法吗?

4

2 回答 2

6

这可能是委托的问题,因为#table不改变,将其用作范围,定位.someClass在内部:

$("#table").on("change", ".someClass", function() {
  $('#edit').ajaxSubmit(); //Submitting the form with id "edit"
  $("#table").load("tablerefresh");
});

笔记:

您还可以使用delegate()

$("#table").delegate(".someClass", "change", function(){
  //Code
});
于 2013-08-21T11:32:04.167 回答
1

试试这个:

$(document).on("change", ".someClass" , function() {
        $('#edit').ajaxSubmit(); //Submitting the form with id "edit"
        $("#table").load("tablerefresh");
 });
于 2013-08-21T11:33:59.480 回答