Подсчет значений radiobutton

294

17 апреля 2017, 05:26

Здравствуйте. 3 группы по 3 радио.

Вывожу значение одного радио из 3 групп.

Дальше нужно сложить эти значения и получить какое-то число. Проблема:

если 548 раз нажать на одно и то же радио - счетчик будет засчитывать эти нажатия.

Если выбрать 2, а потом 1,8 - результат будет 3,8, а не последнее выбранное радио - 1,8.

как сделать так, что бы из одной группы можно было выбрать только одно радио, что бы счетчик менялся, если выбрал другое.

к примеру:

1 группа - 2 2 группа 1,8 3 группа - 1,9

Общее: 5,7

скрипт:

<script> 
		function setVal1(o){ 
		var getVal1=(o.value); 
		var get_current_temp_res_main1 = document.getElementById("temp_res_main").innerHTML; 
		var upd_temp_res_main1=Number(get_current_temp_res_main1) + Number(getVal1/10); 
		$("#temp_res_main").empty(); 
		$("#temp_res_main").append(upd_temp_res_main1); 
		}; 
		 
		function setVal2(o){ 
		var getVal2=(o.value); 
		var get_current_temp_res_main2 = document.getElementById("temp_res_main").innerHTML; 
		var upd_temp_res_main2=Number(get_current_temp_res_main2) + Number(getVal2/10); 
		$("#temp_res_main").empty(); 
		$("#temp_res_main").append(upd_temp_res_main2); 
		}; 
		 
		 
		function setVal3(o){ 
		var getVal3=(o.value); 
		var get_current_temp_res_main = document.getElementById("temp_res_main").innerHTML; 
		var upd_temp_res_main=Number(get_current_temp_res_main) + Number(getVal3/10); 
		$("#temp_res_main").empty(); 
		$("#temp_res_main").append(upd_temp_res_main); 
		 
		 
		 
 
		}; 
		 
		</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form> 
   <div class="switch-field"> 
		<input onclick="setVal1(this)"type="radio" id="a1" name="xjr" value="20" /><label id="f_cb" for="a1">2.0</label> 
		<input onclick="setVal1(this)"type="radio" id="a2" name="xjr" value="19" /><label id="f_cb" for="a2">1.9</label> 
		<input onclick="setVal1(this)"type="radio" id="a3" name="xjr" value="18" /><label id="f_cb" for="a3">1.8</label> 
		 
    </div> 
</form> 
 
<form> 
   <div class="switch-field"> 
		<input onclick="setVal2(this)"type="radio" id="b1" name="xjr" value="20" /><label id="f_cb" for="b1">2.0</label> 
		<input onclick="setVal2(this)"type="radio" id="b2" name="xjr" value="19" /><label id="f_cb" for="b2">1.9</label> 
		<input onclick="setVal2(this)"type="radio" id="b3" name="xjr" value="18" /><label id="f_cb" for="b3">1.8</label> 
		 
    </div> 
</form> 
 
<form> 
   <div class="switch-field"> 
		<input onclick="setVal3(this)" type="radio" id="c1" name="xjr" value="20" /><label id="f_cb" for="c1">2.0</label> 
		<input onclick="setVal3(this)" type="radio" id="c2" name="xjr" value="19" /><label id="f_cb" for="c2">1.9</label> 
		<input onclick="setVal3(this)" type="radio" id="c3" name="xjr" value="18" /><label id="f_cb" for="c3">1.8</label> 
 
    </div> 
</form>