0

我有这个运行良好的代码,只需要在没有选中复选框时添加一个类。实际上,我只是在选中时添加了一个类,但是当没有选中复选框时,我还需要分配一个类。所以在开始时 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)
});

感谢帮助

4

1 回答 1

2

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

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

这是一个小提琴

于 2013-09-09T08:53:32.237 回答