title: Enable/disable a form element after checking radio button checked states
body: <p>I have ten or so questions with radio buttons. They all need to be set to true, before a user can move on to another level. If and only if these ten questions have be answered to true, I'd like to have one of the elements on the form be enabled for further editing. This, I can do on the server side, but don't know how to do it in JavaScript. Any help? Much appreciated. Thanks.</p>
  
  <pre><code>&lt;div&gt;
  &lt;label&gt; First Question:&lt;/label&gt;
  &lt;label&gt;
  &lt;input checked="checked" class="radio_buttons optional pull-right allowed" id="is_complete_and_works_true" name="project[person_attributes][is_complete_and_works]" type="radio" value="true" /&gt;Yes&lt;/label&gt;
  
  &lt;label &gt;
  &lt;input class="radio_buttons optional pull-right allowed" id="is_complete_and_works_false" name="project[person_attributes][is_complete_and_works]" type="radio" value="false" /&gt;No&lt;/label&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
  &lt;label&gt; Second Question:&lt;/label&gt;
  &lt;label&gt;
  &lt;input checked="checked" class="radio_buttons optional pull-right allowed" id="is_complete_and_works_true" name="project[person_attributes][researched]" type="radio" value="true" /&gt;Yes&lt;/label&gt;
  
  &lt;label &gt;
  &lt;input class="radio_buttons optional pull-right allowed" id="is_complete_and_works_false" name="project[person_attributes][researched]" type="radio" value="false" /&gt;No&lt;/label&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;label&gt; Third Question:&lt;/label&gt;
  &lt;label&gt;
  &lt;input checked="checked" class="radio_buttons optional pull-right allowed" id="is_complete_and_works_true" name="project[person_attributes][is_complete_and_works]" type="radio" value="true" /&gt;Yes&lt;/label&gt;
  
  &lt;label &gt;
  &lt;input class="radio_buttons optional pull-right allowed" id="is_complete_and_works_false" name="project[person_attributes][is_complete_and_works]" type="radio" value="false" /&gt;No&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This code extends to several more of questions. </p>
  
  <p>I've been able to select radios by doing so:</p>
  
  <pre><code>var first_ten = $(':radio[name="project[person_attributes][is_complete_and_works]"][value=true], :radio[name="project[person_attributes][researched]"][value=true], etc…);
  </code></pre>
  
  <p>Now, I have no idea how to iterate over each and when I click on each radio, whether yes or no, I'd like to see the result for the element to be enabled. Any thoughts much appreciated. </p>