title: Enable/Disable Button when multiple dropdown value is selected
body: <p>I've been trying jQuery code to Enable a button when all html select dropdown value is selected or Disable button if even a single is not selected.</p>
  
  <p>Here is what I have been tried so far but my code is not working correctly. Any suggestion?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
    $('.picker').on('change', function() {
      var SelectList = $('.picker');
      //Here i'll find how many dropdown are present
      for (var i = 0; i &lt; SelectList.length; i++) {
        //Here i need to check each dropdown value whether it selected or not
        if (SelectList[i].val() != "") {
          //If all dropdown is selected then Enable button
          $("#Testing").attr("disabled", true);
        } else {
          //Disable button if any dropdown is not selected
          $("#Testing").attr("disabled", false);
        }
      }
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div&gt;
    &lt;select class="picker"&gt;
      &lt;option value=""&gt;Select&lt;/option&gt;
      &lt;option value="1"&gt;A&lt;/option&gt;
      &lt;option value="2"&gt;B&lt;/option&gt;
      &lt;option value="3"&gt;C&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
    &lt;select class="picker"&gt;
      &lt;option value=""&gt;Select&lt;/option&gt;
      &lt;option value="1"&gt;A&lt;/option&gt;
      &lt;option value="2"&gt;B&lt;/option&gt;
      &lt;option value="3"&gt;C&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
    &lt;select class="picker"&gt;
      &lt;option value=""&gt;Select&lt;/option&gt;
      &lt;option value="1"&gt;A&lt;/option&gt;
      &lt;option value="2"&gt;B&lt;/option&gt;
      &lt;option value="3"&gt;C&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
    &lt;select class="picker"&gt;
      &lt;option value=""&gt;Select&lt;/option&gt;
      &lt;option value="button-a"&gt;A&lt;/option&gt;
      &lt;option value="button-b"&gt;B&lt;/option&gt;
      &lt;option value="button-c"&gt;C&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
    &lt;select class="picker"&gt;
      &lt;option value=""&gt;Select&lt;/option&gt;
      &lt;option value="button-a"&gt;A&lt;/option&gt;
      &lt;option value="button-b"&gt;B&lt;/option&gt;
      &lt;option value="button-c"&gt;C&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
    &lt;input id="Testing" type="button" class="btn btn-info" value="Testing" /&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>