0

だから私はしばらくの間研究してきましたが、ちょっと困惑しています。私がやっていることは、データベースからデータを取得し、それを div の行に入れることです。私がやりたいのは、divを「クリック可能」にして、クリックすると背景色が変わるようにすることです。切り替えられる非表示のチェックボックス要素があります。これまでに私を支援するために見つけたコードは次のとおりです。

私がする必要があるのは、チェックボックスがチェックされているかどうかにかかわらず、クラスを切り替える関数をどこに追加するかを理解することです。

Jクエリ

$('.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>
4

1 に答える 1

1

試す

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

デモ:フィドル

于 2013-08-11T03:06:06.623 に答える