title: Changed checkbox state when select is changed
body: <p>I have a form and I'd like to make it so when the select box is changed, it's respective checkbox is checked automatically.</p>
  
  <p>Could anyone shed any light on this? Let's say for the purpose the select boxes are 'select1, select2 etc..' and the checkboxes are 'checkbox1, checkbox2 etc..'</p>
  
  <p><img src="https://i.stack.imgur.com/bSUoI.png" alt="Screenshot of form"></p>
  
  <p>Snippet of table (first row)
  <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table width="820" class="content"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Category&lt;/th&gt;
              &lt;th&gt;Code&lt;/th&gt;
              &lt;th&gt;Quantity&lt;/th&gt;
              &lt;th&gt;Issue?&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Beret&lt;/td&gt;
              &lt;td&gt;&lt;select name="select_beret"&gt;
                  &lt;option value="8405-99-1278122"&gt;8405-99-1278122 : 48cm - 2 in stock&lt;/option&gt;&lt;option value="8405-99-1278124"&gt;8405-99-1278124 : 50cm - 3 in stock&lt;/option&gt;&lt;option value="8405-99-1278125"&gt;8405-99-1278125 : 51cm - 1 in stock&lt;/option&gt;&lt;/select&gt;
              &lt;/td&gt;
              &lt;td&gt;&lt;input type="text" name ="qty_beret"&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input type="checkbox" name="checkbox_beret" value="Y"&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>