ラジオボタンの値に基づいてdivを表示/非表示にするにはどうすればいいですか？

Question

私は6つのラジオボタンブロックを持つフォームを持っています。

ユーザーが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>