Multiple checkbox with button

What I’m trying to do is like selecting topics what the user likes before it proceeds using the next button but the problem is I don’t have any idea on how will I do it with the multiple checkbox. It’s like the button is disable at first then it will be enable after the user pick their like topics but all I can do as of now is for just one checkbox. Here are some of the codes that I’m doing, I’m sorry but I only just starting in jquery. Thanks in advance.

HTML

<a href="search.html"><input type="submit" value="Next" id="next" disabled="disabled"></a>

<ul>
  <li>
    <input class="checkbox" type="checkbox" id="chkPlant1" unchecked="checked"/>
    <label for="chkPlant1"><img src="img/plant1.jpg" /></label>
  </li>

  <li>
    <input class="checkbox" type="checkbox" id="chkPlant2" />
    <label for="chkPlant2"><img src="img/plant2.jpg" /></label>
  </li>

  <li>
    <input class="checkbox" type="checkbox" id="chkPlant3" />
    <label for="chkPlant3"><img src="img/plant3.png" /></label>
  </li>

  <li>
    <input class="checkbox" type="checkbox" id="chkPlant4" />
    <label for="chkPlant4"><img src="img/plant4.jpg" /></label>
  </li>
</ul>
<script type="text/javascript">
    
    $(function () {
      $("#chkPlant1").change(function () {
        if($('#chkPlant1').is(':checked')) { 
          $("#next").prop("disabled", false);
        }
        else {
          $("#next").prop("disabled", true);
        }
    });
  });

  </script>

90 thoughts on “Multiple checkbox with button”

  1. Pingback: cialis capsule
  2. Pingback: cheapest viagra
  3. Pingback: viagra 100mg
  4. Pingback: sildenafil generic
  5. Pingback: cialis mg
  6. Pingback: cialis germany
  7. Pingback: www.viagrakari.com
  8. Pingback: sildenafil viagra
  9. Pingback: buy generic viagra

Leave a Comment