unselect Radio Button and Disable Submit when all inputs are emtpy : We have an interactive map which connects over PHP to an database.
Since im pretty new to javascript i have some question.

We have around 15 text input and one dropdown input.
I only provide the Problematic parts of our code.

**HTML**

         <div class="nav nav-sidebar">
           <form action="./action_page.php" method="post">
            <ul class="dropdown-item" id="u3">
              <div data-toggle="buttons">
                <label class ="btn btn-default" style="float:left;">
                  <input type="radio" class="btn btn-default" name="politic" id="politic" value="2"> Trump
                </label>
                <label class ="btn btn-default" style="margin-bottom:10px; margin-right: 20%; float:right;">
                  <input type="radio" class="btn btn-default" name="politic" id="politic" value="1"> Hillary
                </label>
              </div>
            </ul>
            <button input type="submit" id="submit-button" class="submit-button" value="Submit">Submit</button>
           </form>
           <button type="button" onclick="test()" class="clear-button">Reset</button>
         </div>

**JS**

    function test(){

      $('input[name="politic"]').prop('checked', false);

    }

1. How can I disable the Submit button if atleast 1 input is emtpy?
2. My test() function resets the value of `"poltics"` but the Button is still selected. How can I fix this?

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. 
