Question

所以我已经研究了一段时间，我有点难过。我正在做的是从数据库中提取数据并将其放入div行。我想要做的是使div“可点击”并在单击时更改背景颜色。我将有一个隐藏的复选框元素将被切换。这是迄今为止我能找到的帮助我的代码。

我需要做的是找出添加一个切换类的函数的位置，无论是否选中该复选框。

Jquery的

$('.item').click(function(){
     $('.item').toggle(
         function(event) {
            $(this).find('input').attr('checked', true);
         },
         function(event) {
            $(this).find('input').attr('checked', false);
         }
     );
});

HTML

<div class="item">
   stuff here 
   <input type="checkbox" class="hidden" name="item1" value"true">
</div>

<div class="item">
   stuff here 
   <input type="checkbox" class="hidden" name="item2" value"true">
</div>

Answer 1

尝试

$('.item').click(function(){
     var $this = $(this), $chk = $this.find('input:checkbox'), checked = $chk.is(':checked');
     $chk.prop('checked', !checked);
     $this.toggleClass('checked', !checked);
});

演示：Fiddle

Jquery - 选中一个复选框并更改div的背景颜色

1 个答案: