复选框和数据切换冲突，不允许选中复选框

Question

我无法选中此复选框，因为我添加了data-toggle =“ tab”。 bt我不想删除该data-toggle =“ tab”。有什么想法可以使它起作用。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<div class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
  <div class="dropdown-menu" role="menu" data-toggle="tab" aria-labelledby="dLabel">
<div class="tab">
<input type="checkbox">
	
</div>  

  <a href="#">Item</a>
	
  </div>
</div>

非常感谢