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();
}

来源为here，here

修改

您可以隐藏包含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体育的事件会删除元素时触发。你必须手动显示全选复选框，可以使用其他答案中提供的一个优秀解决方案。