Show Div Based on checkbox's checked
Hello,
I have a list of about 20 check boxes and I want a div to show when 3 have been selected as "Yes" option, how do i go about doing this?
Here is my html code:
<form>
<ul id="quiz-list">
<li>1. My bed partner complains that I snore.
<input id="select1" name="snore" type="radio" value="Yes" class="static_class style1" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>2. My bed partner says I hold my breath while asleep.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>3. I wake at night gasping for breath.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>4. I have no energy in the daytime.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>5. I'm tired all the time.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>6. I wake up at night with a dry mouth.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>7. I often wake in the morning with a headache.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>8. I'm at least 20 Ibs. overweight.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>9. I have high blood pressure.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>10. I sweat a lot at night.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>11. I wake up with my heart pounding.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>12. I wake up with my heart skipping beats.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>13. I'm losing interest in sex.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>14. I can't stay awake during the day.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>15. I can't concentrate on my work.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>16. I have had work accidents because I'm tired.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>17. I'm irritable most or all of the time.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>18. My neck collar size is larger than 17".
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>19. I've fallen asleep while driving at night.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
<li>20. I have to pull off the road to nap.
<input name="snore" type="radio" value="Yes" />Yes
<input name="snore" type="radio" value="No" />No</li>
</ul>
<div id="quiz-form" style="display:none;">
INFO TO HIDE AND SHOW
</div>
</form>