jQuery附加功能不起作用-并排加号

Question

我正在尝试获取“无线电值”和additionalmq函数（+）。不收集数字。并排添加。但是我想要数学运算。乘法正在工作。

$('input[name="toplama"], input[name="toplama2"]').on('change', function() {
   var value1 = $('input[name=toplama]:checked').val();
   var value2 = $('input[name=toplama2]:checked').val();
   $( "#sonuclar" ).text( value1 + value2 );
});
$(function(){
	var value1 = $('input[name=toplama]:checked').val();
   var value2 = $('input[name=toplama2]:checked').val();
    $( "#sonuclar" ).text( value1 + value2 );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="toplama">
	<label>
		<input type="radio" class="toplama" name="toplama" value="10" checked />
		10 value
	</label>
	<label>
		<input type="radio" class="toplama" name="toplama" value="20" />
		20 value
	</label>
	<br><br><br>
	<label>
		<input type="radio" class="toplama" name="toplama2" value="10" />
		10 value
	</label>
	<label>
		<input type="radio" class="toplama" name="toplama2" value="20" checked />
		20 value
	</label>
</div>
<div id="sonuclar">
	
</div>

Answer 1

实现的问题是，您从DOM中提取的值是字符串。这就是为什么您的数字（实际上是字符串）只是被级联而不是被数学加法的原因。您需要将字符串值解析为整数。您可以使用parseInt()进行操作，如下所示，

$('input[name="toplama"], input[name="toplama2"]').on('change', function() {
   var value1 = $('input[name=toplama]:checked').val();
   var value2 = $('input[name=toplama2]:checked').val();
   $( "#sonuclar" ).text( parseInt(value1) + parseInt(value2) );
});
$(function(){
	var value1 = $('input[name=toplama]:checked').val();
   var value2 = $('input[name=toplama2]:checked').val();
    $( "#sonuclar" ).text( parseInt(value1) + parseInt(value2) );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="toplama">
	<label>
		<input type="radio" class="toplama" name="toplama" value="10" checked />
		10 value
	</label>
	<label>
		<input type="radio" class="toplama" name="toplama" value="20" />
		20 value
	</label>
	<br><br><br>
	<label>
		<input type="radio" class="toplama" name="toplama2" value="10" />
		10 value
	</label>
	<label>
		<input type="radio" class="toplama" name="toplama2" value="20" checked />
		20 value
	</label>
</div>
<div id="sonuclar">
	
</div>