0

チェックボックスがチェックされていない場合、テキストから色を削除するこのJqueryコードがあります。ただし、同じモデルのチェックボックスを含む複数の div があります。1 つのチェックボックスをオフにすると、モデル クラスのすべての div がオフ/色が削除されます。これを変更して、チェックボックスの親ノードのみをターゲットにする方法は次のとおりです。

$(document).ready(function() {
  $('input[type="checkbox"]').click(function() {
      var togClass=$(this).attr('class');
      if($(this).attr('checked')){
     this.parentNode$('div.' + togClass ).css("display", "inline-block");
      }
      else {
         $('div.' + togClass ).css("display", "none");
      }
   });
});
4

1 に答える 1

1

divのテキストに色を付けるには、1つのクラスを使用する必要があります。これにより、特定のクラスを追加および削除することで、テキストを簡単に変更できます。

$("input[type='checkbox']").click(function() {
        if($(this).attr('checked'))
           $(this).parent('div').addClass('colorclass');
        else
            $(this).parent('div').removeClass('colorclass');
    });
于 2012-07-13T10:09:40.107 に答える