title: JavaScript / JQuery : Enable only some checkboxes and disable the others
body: <p>I'm not very skilled in js so i'm asking for help.</p>
  
  <p>I have a list of <a href="http://i.stack.imgur.com/HGExY.png" rel="nofollow">commercial plans</a> and a bunch of checkboxes and radio buttons.</p>
  
  <p>When I select a plan with the radio, I want to disable checkboxes from the other plans.</p>
  
  <p>Here's a piece of the dom : </p>
  
  <pre><code>{% for plan in plans %}
      &lt;div class="row alert alert-info"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;div&gt;{{ plan['name'] }}&lt;/div&gt;
              &lt;div&gt;{{ plan['description'] }}&lt;/div&gt;
              &lt;div&gt;{{ plan['recurring_price'] }} €&lt;/div&gt;
              &lt;div&gt;{{ plan['interval_unit'] }}&lt;/div&gt;
              &lt;div&gt;&lt;br/&gt;&lt;/div&gt;
              &lt;div style="padding-left: 20px"&gt;
                  {% for addon in plan.addons %}
                      {% if addon['type'] == 'recurring' %}
                          &lt;div&gt;{{ addon['name'] }}&lt;/div&gt;
                          &lt;div&gt;{{ addon['description'] }}&lt;/div&gt;
                          &lt;div&gt;{{ addon['price_brackets'][0]['price'] }} €&lt;/div&gt;
                          &lt;div class="checkbox"&gt;
                              &lt;label&gt;
                                  &lt;input type="checkbox" id="{{ addon['addon_code'] }}" class="checkboxAddon" value="{{ addon['addon_code'] }}"&gt; : Choose addon
                              &lt;/label&gt;
                          &lt;/div&gt;
                      {% endif %}
                  {% endfor %}
              &lt;/div&gt;
              &lt;div class="radio"&gt;
                  &lt;label&gt;
                      &lt;input type="radio" name="choosePlan" id="{{ plan['plan_code'] }}" value="{{ plan['plan_code'] }}"&gt; : Choose plan
                  &lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;br/&gt;
  {% endfor %}
  </code></pre>
  
  <p>I already thought of possible ways to do that with classes and DOM traversing but nothing elegant comes to mind.</p>
  
  <p>Thanks to all of you that will take the time to reply.</p>