如何使用jQuery禁用div中的所有元素

Question

我有一个div，当单击一个复选框时，我想禁用div中的所有元素，包括禁用其中一个元素的onClick。这是codepen：https ://codepen.io/anon/pen/JVwMOq

HTML：

<input type="checkbox" onChange="checkMe(this)">

<div id="test">

  <input type="text">

   <span class="test">

    <img id="like" src="https://cdn4.iconfinder.com/data/icons/game-interface-outline/100/objects-15-512.png" height="40px" onclick="likeMe()">

   </span>

</div>

JS：

function checkMe(element){

  if($(element).prop('checked') === true){

    $('#test').prop('disabled', true).off("click");

  }

  else{

    $('#test').prop('disabled', false).on("click");

  }

}

有什么建议吗？谢谢！