title: Uncheck a checkbox if another checked with javascript
body: <p>I have two checkbox fields. Using Javascript, I would like to make sure only one checkbox can be ticked. (e.g if one checkbox1 is ticked, if checkbox2 is ticked, checkbox1 will untick)</p>
  
  <pre><code>&lt;input name="fries" type="checkbox" disabled="disabled" id="opt1"/&gt;
  &lt;input type="checkbox" name="fries" id="opt2" disabled="disabled"/&gt;
  </code></pre>
  
  <p>I would also like to have a radio button beneath, if this is clicked, I would like both checkboxes to be unticked.</p>
  
  <pre><code> &lt;input type="radio" name="o1" id="hotdog" onchange="setFries();"/&gt;
  </code></pre>
  
  <p>Would the best way to do this be by writing a function, or could I use onclick statements?</p>