jquery 根据条件删除复选框

Question

在 div 中有这些复选框（name =“val1”），并且在某个操作后这些复选框将被删除

<div name="navigation_b">
    <label id="selectall">
        select all 
        <input type="checkbox" name="selectall" />
    </label>
    <input type="checkbox" name="val1" />   
    <input type="checkbox" name="val1" />   
    <input type="checkbox" name="val1" />   
    <input type="checkbox" name="val1" />   
    <input type="checkbox" name="val1" />   
</div>

如果所有复选框（name = val1）都被删除，那么 selectall 不应该是可见的。如何使用 jquery 执行此操作

Answer 1

if( $("input:checkbox[name='val1']").length==0)
{
       $("input:checkbox[name='selectall']")
      .hide();
}

来源是这里，以及此处

编辑

您可以隐藏包含 selectall 的整个标签 -

if( $("input:checkbox[name='val1']").length==0)
{
       $("label#selectall")
      .hide();
}

Answer 2

您可以检查是否有任何复选框，如果没有，则删除

if($('input:checkbox[name="val1"]').length) {
    // do something
}
else {
    // do something else
}

上面的标签未经测试，但我认为它非常接近。

Answer 3

如果您的问题是自动显示全选复选框，当其他复选框被删除时，我认为 jQuery 不可能做到这一点，除非有一个 jQuery 运动的事件，当元素被删除。您必须使用其他答案中提供的最佳解决方案之一来手动显示全选复选框。