title: Disable/enable checkboxes based on its values and selected option
body: <p>I need to hardcode those of the values of the checkboxes which are enabled/disabled, depending on the selected option value. I was trying to do something like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("#Units").on("change", function () {
    if ($(this).val() !== "Finance") {
      $(".dissable").val("3").prop("disabled", true); 
      $(".dissable").val("4").prop("disabled", true); 
    } else {
      $(".dissable").val("3").prop("disabled", false);
      $(".dissable").val("4").prop("disabled", false);
    }
  }).trigger('change');</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;select id="Units"&gt;
    &lt;option value="Marketing" &gt; Marketing &lt;/option&gt;
    &lt;option value="Finance" &gt; Finance &lt;/option&gt;
    &lt;option value="Operations" &gt; Operations &lt;/option&gt;
  &lt;/select&gt;
  
  &lt;input type="checkbox" class="dissable" onclick="check();" value="1"&gt; chbx1
  &lt;input type="checkbox" class="dissable" onclick="check();" value="2"&gt; chbx2
  &lt;input type="checkbox" class="dissable" onclick="check();" value="3"&gt; chbx3
  &lt;input type="checkbox" class="dissable" onclick="check();" value="4"&gt; chbx4</code></pre>
  </div>
  </div>
  </p>
  
  <p>But no desired effect, which is supposed to be like this:</p>
  
  <ul>
  <li>When I choose an option other then "Finance", checkbox no. 3 and 4 are disabled.  </li>
  <li>For "Finance", all checkboxes are enabled.</li>
  </ul>
  
  <p>I need to do this based on the checkbox values, not only class.</p>