jquery 复选框未选中

Question

我的分页在第一列和每行都有复选框。

如果选中任何复选框，它将自动从顶部滑下全宽框，我使用 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');
  });});

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

如果人未选中并且没有选中复选框，并且我想自动向上滑动全宽框而不是人单击关闭按钮(如果根本没有选中)怎么办。

我该如何解决这个问题!

上午

Answer 1

要取消选中复选框，请使用:

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

要检查复选框，请使用:

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

要对选中的复选框进行计数，请使用:

$('input:checked').length

类似的帖子:checking if a checkbox is checked?

更新:

在您的代码中，所有复选框都有 ID #checkbox - ID 必须是唯一的，这里您有工作代码 http://jsfiddle.net/s8Xju/1/ :

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

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

    } else {

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