【问题标题】:condition of .length before adding a Class Jquery添加类 Jquery 之前的 .length 条件
【发布时间】:2013-09-09 08:49:29
【问题描述】:

我有这段代码运行良好,只需要在没有选中复选框时添加一个类。实际上,我只是在选中时添加了一个类,但是当没有选中复选框时,我还需要分配一个类。所以在开始时 div 应该是灰色的,然后如果一个或多个复选框被选中 addclass 绿色,然后如果所有复选框都未选中分配红色类;

这里是代码:http://jsfiddle.net/hZeyd/10/

$(".quest").show();
var $anrs = $(".ans").hide();

$('.quest').click(function(){
    var $ans = $(this).next().toggle(10);
    $anrs.not($ans).hide();
});

$('.ans').change(function(){
    var $ans = $(this).closest('.ans');
    $ans.prev().toggleClass('question-active', $ans.find('input:checkbox:checked').length > 0)
});

感谢帮助

【问题讨论】:

    标签: jquery checkbox


    【解决方案1】:

    只需切换red 类,当没有选中复选框时切换true,否则切换false

    $ans.prev()
      .toggleClass('question-active', $ans.find('input:checkbox:checked').length > 0)
      .toggleClass('red', $ans.find('input:checkbox:checked').length == 0);
    

    Here's a fiddle

    【讨论】:

      猜你喜欢
      • 2021-08-26
      • 1970-01-01
      • 1970-01-01
      • 2013-05-07
      • 1970-01-01
      • 1970-01-01
      • 2018-10-09
      • 1970-01-01
      • 2015-11-04
      相关资源
      最近更新 更多