Question

我有以下数据表行的html代码，它们是使用php

动态生成的

<tr>
  <td><input type='checkbox' name='post[]' value="1"></td>
  <td>21-Apr-2014</td>
  <td>TEST</td>
  <td>merchant.inloc8.com</td>
  <td>coupon</td>
  <td>mmmq.com/id/rt7WLskQq2lLlO2kTN</td>
  <td>abc.com/response.php (default)</td>
  <!--<td align='center' width='30'><a data-toggle='modal' href='#' ><i class='icon-remove text-danger'></i></a></td> -->
</tr>
<tr>
  <td><input type='checkbox' name='post[]' value="2"></td>
  <td>21-Apr-2014</td>
  <td>say nw</td>
  <td>abcdefg.com</td>
  <td>abc</td>
  <td>mmmq.com/id/lbruxjFl6PitP25vTN</td>
  <td>abc.com/response.php (default)</td>
  <!--<td align='center' width='30'><a data-toggle='modal' href='#' ><i class='icon-remove text-danger'></i></a></td> -->
</tr>

当选中一个复选框时，我想识别行并删除后端的那一行。我想这可以用ajax完成。但是不知道。请帮助

Answer 1

参见此示例

复选框。

<input type="checkbox" value="1" name="letter[]" />
<input type="checkbox" value="2" name="letter[]" />
<input type="checkbox" value="3" name="letter[]" />
<input type="button" id="btn_" value="submit" />

单击该按钮时，您可以将所选复选框的值作为数组获取并将其传递给ajax调用，

$("#btn_").on('click', function () {
    arr=[];
    var arr = $("input[name='letter[]']:checked").map(function() { 
            return this.value; 
          }).get();
    $.ajax({
   type: "POST",
   data: {arr:arr},
   url: "action.php",
   success: function(msg){
     alert("success");
   }
});
});

您将获得action.php中的值并删除那里的行。您可以将alert("success");更改为您想要获得的回调。

Answer 2

序列化表单数据，传递给控制器，删除条目。完整大纲here

Answer 3

看，我只给你逻辑。如果我提供代码，你将不会学到任何东西。

好吧，将复选框值设置为Table的$ id，然后单击“提交”，检查所有已检查的$ ID，并运行循环以使用查询删除$ ID。

如何从数据表中删除多行

3 个答案: