jQuery adding variables

Question

I have used following code to add three variables but instead of adding these variables its concatenating these variables.

var registration_fee = $('input[type="radio"][name="registration_fee"]:checked').val();
var material_fee = $('input[type="radio"][name="material_fee"]:checked').val();
var tuition_fee = $('input[type="radio"][name="tuition_fee"]:checked').val();
// alert(tuition_fee)
var total_fee = registration_fee + material_fee + tuition_fee;
$('#total_fee').html(total_fee);

Answer 1

Cast them to numbers using parseInt or parseFloat:

var total_fee = parseInt(registration_fee) + parseInt(material_fee) + parseInt(tuition_fee);

Answer 2

Try:

var total_fee = parseInt(registration_fee, 10) + parseInt(material_fee, 10) + parseInt(tuition_fee, 10);

Or parseFloat, whichever suits

Answer 3

Try

Cast them to numbers using Number

tal_fee = Number(registration_fee) + Number(material_fee) + Number(tuition_fee);

Answer 4

Use parseInt to turn the string to int, or parseFloat for float.