Как показать/скрыть divs на основе значения переключателя?

Question

У меня есть форма с шестью блоками кнопок.

Когда пользователь выбирает option no for 3 or more times, я должен показать Text 1 или Text 2 divs при вводе кнопки отправки.

Ниже мой код,

<form> 
    <fieldset> 
    <div class="input-radio"> 
     <input type="radio" value="yes" name="somename"/> 
     <input type="radio" value="no" name="somename"/> 
    </div> 
    <!-- 6 identical blocks --> 
    </fieldset> 

    <div class="submit"> 
     <span>Submit</span> 
    </div>  

    <div class="text-1"> 
    Text 1 
    </div> 
    <div class="text-2"> 
     Text 2 
    </div> 
</form> 

Answer 1

Я пытался что-то вроде этого:

HTML:

<input type="radio" value="yes" class="chkbx" name="somename"/> 
<input type="radio" value="no" class="chkbx" name="somename"/> 
<input type="radio" value="yes" class="chkbx" name="somename1"/> 
<input type="radio" value="no" class="chkbx" name="somename1"/> 
<input type="radio" value="yes" class="chkbx" name="somename2"/> 
<input type="radio" value="no" class="chkbx" name="somename2"/> 
<input type="button" id="button" /> 

Javascript:

<script> 

    $(document).ready(function(){ 
     $("#button").on("click", function(){ 
      if($("input.chkbx:checked[value='no']").length == 3) 
       $("#button").text("text1"); 
      else 
       $("#button").text("text2"); 
     }) 
    }) 
</script>