radio düğmesi

by Akram kamal

HTML

<input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_1" value="1">1
    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_2" value="2">2
    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_3" value="3">3
    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_4" value="4">4
    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_5" value="5">5

<br><br>
<input type="radio" name="set1" id="set1_no" value="no">
<input type="radio" name="set1" id="set1_yes" value="yes">
<br>
<input type="radio" name="set2" id="set2_no" value="no">
<input type="radio" name="set2" id="set2_yes" value="yes">
<br>
<input type="radio" name="set3" id="set3_no" value="no">
<input type="radio" name="set3" id="set3_yes" value="yes">
<br>
<input type="radio" name="set4" id="set4_no" value="no">
<input type="radio" name="set4" id="set4_yes" value="yes">
<br>
<input type="radio" name="set5" id="set5_no" value="no">
<input type="radio" name="set5" id="set5_yes" value="yes">


<input type="hidden" name="number_of_yes" value="">

<br>

<div id="totalYes"></div>

JavaScript

$(document).ready(function() {

  $("input[name=number_of_sets_to_count]").click(function(){

     var radioBtns = $("input[id^='set']");

     //First set all the radio buttons to No
     radioBtns.filter("[value='no']").attr("checked", true);

     //Now set only the required radio buttons to yes
     radioBtns.filter("[value='yes']:lt("+parseInt($(this).val())+")").attr("checked", true);

    $("#totalYes").html($('input:checked[type="radio"][value="yes"]').length);
    
  });
    
  $("#yourFormsId").submit(function() {

      $('input[name="number_of_yes"]').val($('input:checked[type="radio"][value="yes"]').length); 
  });
    
   
});