Question

有一个表，可以在运行时动态生成文本框。我想删除已检查的行。该表与DB连接。

并且，复选框ID附加了TABLE DATA的ID。如果，选中任何一个框，然后单击删除手段，它必须被删除。我有后端代码。

我只想获取被选中的任何复选框的ID值，因为它包含行ID和自己的ID。

动态生成的复选框代码如下所示。

x+= "<td>" + "<input id='cid"+id + "'type=checkbox />"

任何建议都会令人感激。我在这里使用JavaScript。 Jquery符号对我也很有用。感谢

关于选择更多1行和删除的任何概念性想法都会更有意义。

再次谢谢。

Answer 1

获取复选框的ID：

$('td input[type=checkbox]').click(function(){
    var id = $('td input').attr('id');
});

要选择多行然后删除值，您可以执行以下操作：

$('form').submit(function(){
    $('td input:checked').each(function(){
        deleteFromDatabase($(this).attr('id'));
    });
});

使用此代码，您可以选择要删除的所有行，然后提交表单。然后JS将遍历每个选定的行并调用deleteFromDatabase Ajax调用将其从数据库中删除。

Answer 2

我想删除得到的行检查

// selector may need to be refined, depending on its precise location in the DOM
$(":checkbox").click(function() {
    if(this.checked) $(this).closest("tr").remove();
});

Answer 3

要获取所有已选中复选框的ID，您可以使用此选项：

$('input[type=checkbox]:checked').attr('id');

Answer 4

编辑：我再次重新阅读您的问题。我想我以前做错了。听起来像删除按钮在表格之外，当你点击它时，你想要删除选中复选框的行。

这听起来像你想要的吗？

$('#deleteButton').click(function() {
      var $checked = $('#theTable :checkbox[id^=cid]:checked');
      $checked.closest('tr').each(function( i ) {
          var theID = $checked.eq( i ).attr('id'); // get the ID
          $(this).remove();
      });
});

.closest()将获取最近的祖先<tr>
.each()遍历<tr>元素
.remove()将删除该行。

您没有提供任何HTML，因此我不确定选择器的确切外观。

如何获取复选框的id值？

4 个答案: