jquery - 使用 Jquery 从复选框值中删除表格行

Question

我从包含复选框值的 HTML 表单创建了一个数组。

我想知道是否可以将选定的复选框值传递给 jquery 以使用 Jquery 代码 $('tr#myTableRow').remove(); 对于表单发布的每个数组值？

任何帮助表示赞赏。

代码：

<form name="deletePost" id="deletePost" action="" method="post"> 
    <input class="checkBox" type="checkbox" id="idArray" name="idArray[]" value="1" />
    <input class="checkBox" type="checkbox" id="idArray" name="idArray[]" value="2" />
    <input class="formButtonDelete" type="submit" name="submit" value="Delete" />
</form>

$ids = $_POST['idArray'];
if(!empty($ids))
{
    foreach($ids as $id)
   {
      $sql = "DELETE FROM news WHERE id='$id'";
     mysql_query($sql);
   }
echo 'Posts Deleted - Please refesh page..';
}

我想使用 Jquery 删除具有输入值 id 的表行。

Answer 1

试试这个

$('input[name=submit]').click(function(){
    $('#deletePost input:checkbox').each(function(){
        if(this.checked){
            $(this).remove();
        }
    });
    return false;
});

我添加了return false;这样您可以在提交之前看到输入已删除，您可以将其删除以让表单提交

看到这个http://jsfiddle.net/F5Nth/