0

チェックボックスがチェックされていないときにクラスを追加するだけで、かなりうまく機能するこのコードがあります。実際には、チェックされたときにクラスを追加するだけですが、チェックボックスがチェックされていないときにクラスを割り当てる必要もあります。したがって、最初の div は灰色で、1 つ以上のチェックボックスがチェックされている場合は addclass green を、すべてのチェックボックスがチェックされていない場合は red class を割り当てます。

ここにコードがあります：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クラスを切り替えるだけです。truefalse

$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 に答える