title: unselect Radio Button and Disable Submit when all inputs are empty
body: <p>We have an interactive map which connects over PHP to an database.
  Since i'm pretty new to javascript i have some question.</p>
  
  <p>We have around 15 text input and one dropdown input.
  I only provide the Problematic parts of our code.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>     &lt;div class="nav nav-sidebar"&gt;
         &lt;form action="./action_page.php" method="post"&gt;
          &lt;ul class="dropdown-item" id="u3"&gt;
            &lt;div data-toggle="buttons"&gt;
              &lt;label class ="btn btn-default" style="float:left;"&gt;
                &lt;input type="radio" class="btn btn-default" name="politic" id="politic" value="2"&gt; Trump
              &lt;/label&gt;
              &lt;label class ="btn btn-default" style="margin-bottom:10px; margin-right: 20%; float:right;"&gt;
                &lt;input type="radio" class="btn btn-default" name="politic" id="politic" value="1"&gt; Hillary
              &lt;/label&gt;
            &lt;/div&gt;
          &lt;/ul&gt;
          &lt;button input type="submit" id="submit-button" class="submit-button" value="Submit"&gt;Submit&lt;/button&gt;
         &lt;/form&gt;
         &lt;button type="button" onclick="test()" class="clear-button"&gt;Reset&lt;/button&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>function test(){
  
    $('input[name="politic"]').prop('checked', false);
  
  }
  </code></pre>
  
  <ol>
  <li>How can I disable the Submit button if atleast 1 input is emtpy?</li>
  <li>My test() function resets the value of <code>"poltics"</code> but the Button is still selected. How can I fix this?</li>
  </ol>
  
  <p>I would appreciate to not get the working code, more like a guideline how to start on this Problem, or if you want to provide code, I would appreciate some shorts explanation. </p>