Три цены, одна дефолтная, 2 зависят от чекбоксов, как все плюсовать?

Question

[Антон Вебсайтовский]

Всем привет, делал подобной, но чет запутался, туплю не могу сообразить.
Подскажите что не так делаю.

const price = 200; //дефолтная
const checkbox1= 50; //чекбокс 1
const checkbox2= 50; //чекбокс 2

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

Вот так я это делаю, но как-то не работает:
jsfiddle.net/vlit/m72w5uob/143

Comments

[Евгений]

jsfiddle.net/u3mqbcy8/1

[Антон Вебсайтовский]

Не плохо спасибо, я поставил у одного варианта чекед, ну типа галочка стоит уже, теперь при перезагрузки, цену автоматом не выводит, как сделать чтоб считало и выводило jsfiddle.net/vlit/tohq206g/3

[Антон Вебсайтовский]

Все сделал: поправил, теперь ок, jsfiddle.net/vlit/tohq206g/27

Добавил:

$(document).ready(function() {
    $('.checkbox').trigger('change');
  });

Answer 1

[Rsa97]

Comments

[Антон Вебсайтовский]

Спасибо, ток дефолтную цену можно было в чекбокс не запихивать )
Между прочим, если на один из вариантов опция 1 или 2, поставить checked, то при перезагрузки страницы цена не считается.

Это на чисто js?

[Rsa97]

Антон Вебсайтовский, Да, чистый JS.
Для расчёта цены при загрузке страницы надо просто вынести код обработчика в именованную функцию и вызывать её сразу после формирования DOM по событию DOMContentLoaded.

Answer 2

[Антон Вебсайтовский]

Решение: jsfiddle.net/vlit/tohq206g/27

Помог сделать: Евгений Евгений

Answer 3

[Pavel Sheludko]

<input type="checkbox" class="checkbox1-btn" onclick="checkbox1()">
<input type="checkbox" class="checkbox2-btn" onclick="checkbox2()">

const price = 200; //default
const checkbox1= 50; //checkbox 1
const checkbox2= 50; //checkbox 2
const checkbox1_btn = document.getElementsByClassName('checkbox1-btn'); // html checkbox element
const checkbox2_btn = document.getElementsByClassName('checkbox2-btn'); // html checkbox element
function checkbox1(){
    if (checkbox1_btn.checked == true){
        price = price + checkbox1;
    }
    if (checkbox1_btn.checked == false){
        price = price - checkbox1;
    }
}
function checkbox2(){
    if (checkbox2_btn.checked == true){
        price = price + checkbox2;
    }
    if (checkbox2_btn.checked == false){
        price = price - checkbox2;
    }
}

Comments

[Алексей Дубровин]

Рановато в ответы.
Не все что решает задачу, можно считать ответом.

[vism]

Алексей Дубровин, щас придёт автор, посмотрит, этот ответ для него проще, отметит его решением.
вот так на тостере в решениях полный трэш :)

[Антон Вебсайтовский]

Я не совсем понял этот вариант, он не рабочий, я пробовал там доделать, но чет безуспешно jsfiddle.net/vlit/tohq206g/23

[Антон Вебсайтовский]

vism, не ты не прав )))), смысл отмечать то что не работает )