title: How to uncheck checkboxes and remove validation
body: <p>I have HTML that looks like this:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
                      &lt;div class="input-group"&gt;
                          &lt;label for="daterange-vacancy" class="input-group-addon"&gt;Van&lt;/label&gt;
                          &lt;input type="text" id="daterange-vacancy" class="form-control" name="daterange-vacancy" placeholder="dd/mm/yyyy" data-class="daterangepicker" required="required" /&gt;
                          &lt;label for="daterange-vacancy" class="input-group-addon"&gt;
                              &lt;span class="fa fa-calendar"&gt;&lt;/span&gt;
                          &lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
      &lt;div class="form-group"&gt;
                          &lt;input class="custom-radio" type="radio" id="temp" name="time" value="1" checked="checked" required/&gt;&lt;label for="temp" class="bold-sm"&gt;Bepaalde dag(en)&lt;/label&gt;&lt;br/&gt;
                          &lt;input class="custom-radio" type="radio" id="project" name="time" value="2" required/&gt;&lt;label for="project" class="bold-sm"&gt;Bepaalde periode&lt;/label&gt;&lt;br/&gt;
                          &lt;input class="custom-radio" type="radio" id="struct" name="time" value="3" required/&gt;&lt;label for="struct" class="bold-sm"&gt;Terugkerend&lt;/label&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div class="input-checkbox text-left"&gt;
                              &lt;input class="form-checkbox" type="checkbox" id="other" name="other" /&gt;
                              &lt;label for="other"&gt;Af te spreken&lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>This creates a calendar, 3 radio buttons and a checkbox.</p>
  
  <p>The calendar and 3 radio buttons should be looked at as one, they have to be filled in together or the validation should not let it pass to the next step.
  The only exception is when the checkbox is checked. This will disable the calendar and the radiobuttons (and remove the validation on them). Upon unchecking the checkbox again, I want the calendar and the radiobuttons to be required again.</p>
  
  <p>My javascript looks like this:</p>
  
  <pre><code>var other = document.getElementById('other');
  
      if (other) {
          other.onchange = function () {
              document.getElementById('daterange-vacancy').value = "";
              document.getElementById('daterange-vacancy').disabled = this.checked;
  
              $('input[name=other]').change(function(){
                  if($(this).is(':checked')) {
                      $('input[name=time]').attr('checked',false);
                  }
              });
          }
      }
  </code></pre>
  
  <p>The problem is that the radiobuttons do not uncheck when checking the checkbox. And it does not remove the validation on it. </p>