未选中jquery复选框

时间:2014-03-20 21:31:49

标签: jquery checkbox pagination checked

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

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

选中复选框并向下滑动时效果很好。

如果没有选中复选框并且我想要自动滑动全宽框而不是单击关闭按钮,如果没有选中,则该怎么办。

我该如何解决这个问题!

AM

3 个答案:

答案 0 :(得分:3)

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

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

要检查复选框,请使用:

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

要计算选中的复选框,请使用:

$('input:checked').length

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

UPDATE:

在您的代码中,所有复选框都标识为#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'});
    }
 });

答案 1 :(得分:1)

检查一个复选框:

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

取消选中复选框:

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

检查特定复选框是否选中

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

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

答案 2 :(得分:0)

这有点晚了,但我想我会在查看是否选中某个框时使用了一些我喜欢使用的jquery代码。上面的答案应该可以正常工作,但如果你因某些原因不想使用.length,你可以使用它。

查看是否选中了复选框我使用:

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

以便查看是否未选中复选框我只是这样做:

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

我不确定这是不好的做法还是其他任何行,但它对我来说非常适合。