title: Allow only to pick some images
body: <p>I have this picture where each square is a <code>img</code> element. I need to allow users to pick some combinations. The unique allowed combinations are:</p>
  
  <ul>
  <li>AD</li>
  <li>BC</li>
  <li>ABCD</li>
  </ul>
  
  <p>So when user pick <code>A</code> I should disable click event on <code>B</code> and <code>C</code> but allow on <code>D</code> and the same with the others based on possible combinations. I know this <a href="http://rvera.github.io/image-picker/" rel="nofollow noreferrer">library</a> that can helps but don't have the idea to restrict selection. How I can achieve this?</p>
  
  <p><img src="https://i.stack.imgur.com/JhaYh.png" alt="no description"></p>