title: Jquery multiple checkbox if statements
body: <p>I have a html file which contains a form, jquery and javascript. When i click a checkbox i want the form-background go larger. I have 3 checkboxes, so</p>
  
  <p>when nr.1 is checked and nr.2 and nr.3 not, i want the form-bg to be 1500px height, </p>
  
  <p>when nr.1 and nr.2 are checked and nr.3 not i want it to be 2000px height</p>
  
  <p>and nr.1, nr.2 and nr.3 checked 2500px; </p>
  
  <p>BUT when nr.2 and nr.3 are checked and i also want it to be 2000px. </p>
  
  <p>I created this for testing when they are all checked, but it wont work: </p>
  
  <pre><code>$(document).ready(function() {
      if (($(".check_aan").is(':checked')) || ($(".check_ver").is(':checked')) || ($(".check_toe").is(':checked'))) {
          $(".form-bg").css("height", "2500px");
      } else {
          $(".form-bg").css("height", "4000px");
      }
  });
  </code></pre>
  
  <p>.check_aan, .check_ver and .check_toe are the checkboxes.</p>
  
  <p>I also tried '&amp;&amp;'      ','     'and'</p>
  
  <p>Thanks.</p>