チェックボックスをクリックしたときにチェックされた属性を設定できません

Question

クリックしたチェックボックスのすべての属性を取得できますが、それを目視で確認することはできません。

$('body').off('click.checkbox').on('click.checkbox', '[data-checkbox]', function(event) { 

    var id = $(this).closest('[data-target]').attr('id'); 
    var target = $(event.target); 

    if (target.is('input')) { 

     if(target.is(":checked") == true) { 

      console.debug($(this).find('input:checkbox').attr('id')); 
      /* 
       item-checkbox-1 
       item-checkbox-2 
      */ 

      //both below ways unable to check it 
      $(this).find('input:checkbox').attr('checked', 'checked'); 
      $(this).find('input:checkbox').prop('checked', true); 


      //but this checks all checkboxes found which is unintended 
      find('input:checkbox').prop('checked', true); 

      } else { 

       //do smtg 
      } 

     } else { 
      selectedItem.splice($.inArray(id, selectedItem),1); 
     } 
    } 

}); 

これは、チェックボックスのように見える、そしてどのようにそのチェックボックスにチェックすることができませんでしクリック：

HTML：あなたは既にと入力タグを参照している

<div class="item-checkbox" data-checkbox> 
    <div class="checkbox"> 
     <input type="checkbox" id="item-checkbox-2"> 
     <label for="item-checkbox-2"></label> 
    </div> 
</div> 

Answer 1

target。したがって、$(this)を直接使用してチェック/チェックを外すことができます。

ですので、以下が有効です。

$(this).attr('checked', 'checked'); 
$(this).prop('checked', true); 

Answer 2

tryをタイプセレクタで置き換えてみてください。下のように：

$(this).find('input[type=checkbox]').attr('checked', 'checked');