title: Check only one checkbox and unchek others
body: <p>Im trying to check only one checkbox at the time and others uncheck , but when i want to check new chekcbox then pervious will uncheck and so on.</p>
  
  <p>i tried this code:</p>
  
  <p>JS file</p>
  
  <pre><code>$('input[type="checkbox"]').click(function() {
  $(".check_class").attr("checked", false);
  $(this).attr("checked", true);    
  });
  </code></pre>
  
  <p>HTML file</p>
  
  <p></p>
  
  <pre><code>    &lt;ons-list-header&gt;Takistused&lt;/ons-list-header&gt;
      &lt;ons-list-item modifier="tappable"&gt;
        &lt;label class="checkbox checkbox--noborder checkbox--list-item"&gt;
          &lt;input type="checkbox" id="example"&gt;
          &lt;div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark"&gt;&lt;/div&gt;
          vihmaveerenn
        &lt;/label&gt;
      &lt;/ons-list-item&gt;
      &lt;ons-list-item modifier="tappable"&gt;
        &lt;label class="checkbox checkbox--noborder checkbox--list-item" id="test"&gt;
          &lt;input type="checkbox" id="example"&gt;
          &lt;div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark" &gt;&lt;/div&gt;
          äärekivi
        &lt;/label&gt;
      &lt;/ons-list-item&gt;
      &lt;ons-list-item modifier="tappable" &gt;
        &lt;label class="checkbox checkbox--noborder checkbox--list-item" id="test1"&gt;
          &lt;input type="checkbox" id="example"&gt;
          &lt;div class="checkbox__checkmark checkbox--noborder__checkmark checkbox--list-item__checkmark"&gt;&lt;/div&gt;
          munakivi tee
        &lt;/label&gt;
      &lt;/ons-list-item&gt;
    &lt;/ons-list&gt;
  </code></pre>
  
  <p>What im doing wrong? i have tried different approaches, but it just wont work in live use.</p>