jquery复选框未选中

我有分页，第一列和每行都带有复选框

如果复选框中的任何一个被选中，它将自动从顶部向下滑动整个宽框，我使用jquery这里是代码

$(':checkbox').change(function() {
    // use the :checked selector to find any that are checked
    if ($('#checkbox').length) {

        $(".checkbox-tools").animate({top: '0px'});

    } else {
        $('.checkbox-tools').slideUp('slow');
    }
 });
  <!--Cancel print button.-->   

$(document).ready(function(){
  $("#cancel-chedkbox").click(function(){
    $(".checkbox-tools").animate({top: '-450px'});
     $('input:checkbox').removeAttr('checked');
  });});

$（':checkbox'）。更改（函数（）{
//使用：checked选择器查找任何选中的项
如果（$（'#复选框'）。长度）{
$（“.checkbox tools”）.animate（{top:'0px'}）；
}否则{
$（'.checkbox-tools'）.slideUp（'slow'）；
}
});
$（文档）.ready（函数（）{
$（“#取消复选框”）。单击（函数（）{
$（“.checkbox tools”）.animate（{top:'-450px'}）；
$（'input:checkbox'）。removeAttr（'checked'）；
});});

当选中复选框并向下滑动时，效果非常好

如果“人员”未选中，并且没有“签入”复选框，并且如果根本没有选中，我想自动滑动全宽框而不是“人员”单击“关闭”按钮，该怎么办

我怎样才能解决这个问题

---

AM

对于取消选中的复选框，请使用：

$('input:checkbox').prop('checked', false)

$('input:checkbox').is(':checked')

$('input:checked').length

要选中复选框，请使用：

$('input:checkbox').prop('checked', false)

$('input:checkbox').is(':checked')

$('input:checked').length

要计数复选框，请使用：

$('input:checkbox').prop('checked', false)

$('input:checkbox').is(':checked')

$('input:checked').length

类似的帖子出现在：

更新： 在代码中，所有复选框都有ID

#复选框

-ID必须是唯一的，这里有工作代码：

---

这有点晚了，但我想我应该放一些jquery代码，我喜欢在检查框是否被选中时使用这些代码。上面的答案应该很好，但是如果你不想使用.length，出于某种原因，你可以使用它

要查看是否选中复选框，我使用：

$("#checkboxID").is(':checked') - returns true - false    

因此，要查看是否未选中复选框，我只需执行以下操作：

!($("#checkboxID").is('checked') - returns true - false but inverses it

我不确定这是否是一种不好的做法或类似的做法，但它对我来说非常适合。

要选中复选框：

$('input:checkbox').prop('checked', true)

$('input:checkbox').prop('checked', false)

要取消选中复选框，请执行以下操作：

$('input:checkbox').prop('checked', true)

$('input:checkbox').prop('checked', false)

要检查是否选中了特定复选框，请执行以下操作：

---

如果选中此语句，则返回true；如果未选中，则返回false。

我尝试了上述所有方法，但由于某些原因，这些方法不起作用，如果选中一个或多个，则向下滑动即可，但是当取消选中或没有选中时不起作用，向上滑动不起作用。任何人都可以帮助我解决未选中时的问题。您可以使用状态

.addClass（'on'）

，

.removeClass（'on'）

，检查是否

.hasClass（'on'）

。。。您可以使用自己的变量，如

var$is\u checked=false

，更改时的复选框

$is\u checked=true

。请尝试将路径写入您的复选框（我看不到您的HTML结构和您要执行的操作），如

$（'div#header div.yourClassBox input:checkbox'）

我已尝试使用.hasclass（'on'）和（'off'）不起作用。。我回到第一步，第一部分开始工作，但第二部分没有复选框时无法滑动，请检查JSFIDLE上的替换

$（'#checkbox'）

和

$（':checkbox:checked'）

到：Laguna网页设计非常感谢您的帮助，非常好。