@ASty13

Как изменить цену при выборе чекбокса?

Привет, помогите объединить нормально два скрипта, должен получиться конфигуратор из полей селектов и радио с чекбосами, нормально работает на добавление стоимости и пересчитывает ее обратно, но если убрать чекбокс после того как выбраны селекты и добавлена их стоимость, то цена сбрасывается на стоимость по умолчанию, и соответственно возвратом селектов к начальным значениям можно уменьшить цену ниже начальной.

<!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/
  • Вопрос задан
  • 115 просмотров
Решения вопроса 1
@ASty13 Автор вопроса
Решила сама, повесила на чекбокс или радио сброс селектов
$('#selectOne option:first').prop('selected', true);
Тостер - бесполезная помойка скатившаяся до ответов маил ру, всем пока
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы