Привет, помогите объединить нормально два скрипта, должен получиться конфигуратор из полей селектов и радио с чекбосами, нормально работает на добавление стоимости и пересчитывает ее обратно, но если убрать чекбокс после того как выбраны селекты и добавлена их стоимость, то цена сбрасывается на стоимость по умолчанию, и соответственно возвратом селектов к начальным значениям можно уменьшить цену ниже начальной.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form>
Цена: <b id="cost" class="price"> </b> руб.
<br><Br>
Цвет:
<select id="selectOne" n="0">
<option value="0">без изменений</option>
<option value="100">+100 руб.</option>
<option value="200">+200 руб.</option>
</select>
<br><Br>
Размер:
<select id="selectTwo" n="0">
<option value="0">без изменений</option>
<option value="400">+400 руб.</option>
<option value="500">+500 руб.</option>
</select>
<br><Br>
<label>+1000 руб.</label>
<input type="checkbox" class="check">
</form>
</body>
</html>
<script>
$(function(){
var i = 1000;
$(".price").text(i);
$(".check").on("change", function(){
$(".price").text(this.checked ? i += 1000 : i -= 1000);
});
selectOne.onchange=selectTwo.onchange=function(){
b=this.getAttribute("n")
cost.innerHTML= (+cost.innerHTML)-b+(+this.value)
this.setAttribute("n",this.value)
}
});
</script>
и пример в песочнице
https://jsfiddle.net/wp8sbdyu/