Как поправить ошибку js?

Question

[spec2007]

Подскажите где ошибка уважаемые......
Считает текст а не значение... Надо 100+1=101 а он выводит итог: 1001

<div class="calc">
<label>Марка автомобиля</label>
<select class="form-control" name="card" id="card">
<option value="">Выбрать</option>
<option value="100">MERSEDES</option>
<option value="200">KIA</option>
<option value="300">LADA</option>
</select>
<br>
<label>Тип автомобиля</label>
<select name="paper" id="paper">
<option value="">Выбрать</option>
<option value="1">Универсал</option>
<option value="2">Купе</option>
</select> 
<br>
<span id="price"></span> руб.
</div>

$(function() {
	$('.calc').change(function(){
		$card = $('select#card').val();
		$paper = $('select#paper').val();
		$('span#price').text($card+$paper);
	});
});

Comments

[Максим Осадчий]

https://jsfiddle.net/jqq7hfhg/4/

Answer 1

[Dymok]

$(function() {
  $('.calc').change(function(){
    $card = parseInt($('select#card').val());
    $paper = parseInt($('select#paper').val());
    $('span#price').text($card+$paper);
  });
});

Answer 2

[imdeveloper]

Вам нужно преобразовать строки к числам и все будет работать правильно
Вот так: https://jsfiddle.net/o2gxgz9r/36567/

Answer 3

[spec2007]

Спасибо всем, помогло.
А можно как то использовать тут не только select, а checkbox прикрутить....
например так:

<label><input name="element1" id="element1" type="checkbox" value="3000" /> 2-х дверей</label>

Comments

[imdeveloper]

Можно. Смотрите функцию on chekef