title: Stop multiple radio buttons being selected
body: <p>I have one radio button at the top of the page to show 'No Chosen Supplier' and then several other radio buttons within a query loop.</p>
  
  <pre><code>&lt;label&gt;
    &lt;input type="radio" id="nosupp" name="nosupp" onchange="resetSupp(this);"&gt;
      No Supplier Chosen
  &lt;/label&gt;
  
  &lt;cfloop query="supplier"
    &lt;label&gt;
      &lt;input type="radio" id="chk1" name="chooseSupp" onchange="change(this);"&gt;
      Chosen Supplier
    &lt;/label&gt;
  &lt;/cfloop&gt;
  </code></pre>
  
  <p>The problem I am having is, if I select a radio button inside the loop, then select the radio button that is outside the loop, the one inside the loop remains selected at the same time as the one outside.</p>
  
  <p>How do I get it so that when the outside one is selected, the inside one becomes unselected?</p>
  
  <p>Hope this makes sense.</p>