Если стоит галочка то прибавляем цену, при обновлении страницы не срабатывает, как запустить скрипт?

Question

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

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

Рабочий пример тут: jsfiddle.net/vlit/m72w5uob/96

$(document).ready(function() {
      $('#star').click(function() {
        const priceKbm = 500;
        const cenagibdd = 100;
        if ($(this).is(':checked')) {
          let rezult = (Number(priceKbm) + Number(cenagibdd)).toString();
        } else {
          let rezult = (Number(priceKbm) + Number(0)).toString();
        }
      });
  });

Пробовал применить: (не помогло).

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

Answer 1

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

Решение, сам сделал )) по примерам.

jsfiddle.net/vlit/m72w5uob/121

Answer 2

[Павел]

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

$(document).ready(function() {
        const priceKbm = 500;
        const cenagibdd = 100;
        if ($('#star').is(':checked')) {
          let rezult = (Number(priceKbm) + Number(cenagibdd)).toString();
        } else {
          let rezult = (Number(priceKbm) + Number(0)).toString();
        }
  });

Comments

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

Большой код выходит.
jsfiddle.net/vlit/m72w5uob/105

Я думаю как-то можно по другому запускать функцию, чтоб не дублировать код.

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

А если функцию сделать, типа так, но у меня пока не вышло.

jQuery(document).ready(function() {

    //функция, стоит галочка или нет
    function star() {
        const priceKbm = 500;
        const cenagibdd = 100;
      if ($(this).is(':checked')) {
        let rezult = (Number(priceKbm) + Number(cenagibdd)).toString();
        $('#sum').html(rezult);
      } else {
        let rezult = (Number(priceKbm) + Number(0)).toString();
        $('#sum').html(rezult);
      }
    }

    //запускаем функцию при клике
    $('#star').click(function() {
      star();
    });
    $(document).ready(function() {
      $('#star').trigger('change');
    });
  });

А вот вроде сделал, работает jsfiddle.net/vlit/m72w5uob/121
Вроде без ошибок )