Javascript 如何在jquery中从父级删除html标记 XXX Xyy yyy

在上面的代码中，我设置了一个隐藏值，其名称与提交表单时的名称相同，既不提交0也不提交1。现在我遇到了一个问题，当我单击复选框时，我想删除

input:hidden

节点并保持不变。但是使用

$（“input:hidden”）.remove（）

可以删除文档中存在的全部隐藏值。

如果您有html结构，可以尝试此操作。它只是删除选中复选框的下一个隐藏输入

<td>
    <input type='checkbox' value='-1' name='xxx' checked>XXX
    <input type='hidden' value='-1' name='xxx'>
</td>
<td>
    <input type='checkbox' value='-1' name='xyy' checked>Xyy
    <input type='hidden' value='-1' name='xyy'>
</td>
<td>
    <input type='checkbox' value='-1' name='yyy' checked>yyy
    <input type='hidden' value='-1' name='yyy'>
</td>

$("input[name=xxx]:hidden").remove();

如果只想在选中复选框时删除它们，则可以添加此条件

$("input:checkbox").click(function() {
  $(this).next("input:hidden").remove();
});

Xyy
.
$（“input.xyy:hidden”）.remove（）；

添加了一个类并管理了需求。

尝试以下操作：

<td>
    <input type='checkbox' value='-1' name='xyy' class='xyz' checked>Xyy
    <input type='hidden' value='-1' name='xyy'  class='xyz'>
</td>.

$("input.xyy:hidden").remove();

---

如果你问我的话，你的解决方案是不必要的复杂。

将

值

返回到后端，如果选中，否则将不返回任何内容。因此，本质上，它做的事情与您试图通过放置这些额外的隐藏字段并删除它们来完成的事情是一样的——我可能会补充说，效率要高得多

---

请检查您编写的代码。您可以参考了解复选框是如何处理的。

您能否将问题重新组织为您想要的内容和正在发生的事情？现在还不是很清楚。我不能在remove（）方法中使用input hidden tag，因为我使用parent（）获取全部内容。我不明白你的问题。你能更详细地解释一下吗？你把我接受的答案改成了同样的答案，并在1小时后发布，真是太令人高兴了。嘿，我在7个月前成功地完成了这个项目。它的三态复选框中的视图将类似于gmail的收件箱功能。在gmail中，它使用所有复选框作为图像，我使用了一个半选中的图像，而原始复选框用于完全选中和未选中。但是谢谢你的评论。。

<td>
    <input type='checkbox' value='-1' name='xyy' class='xyz' checked>Xyy
    <input type='hidden' value='-1' name='xyy'  class='xyz'>
</td>.

$("input.xyy:hidden").remove();

$("input:checkbox").click(function() { 
$(this).next("input:hidden").remove(); 
});