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

Answer 2

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

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

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

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

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

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

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

Answer 3

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

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

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

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

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

我不确定这是不是糟糕的做法，或者类似的东西，但它对我来说是完美的。