0

我有这个 Jquery 代码,如果未选中复选框,它将从文本中删除颜色。但是,有多个 div 带有同一个模型的复选框,当我取消选中一个复选框时,模型类的所有 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 的文本着色,因此您可以通过添加和删除给定的类来轻松更改它:

$("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 回答