Радиокнопка не сохраняет выбранный вариант при обновлении (Django)

У меня возникли проблемы с моим приложением django ecommerce

в одной части моего приложения пользователь должен проверить радиокнопку

вопрос

<input class="align-middle h-100" type="radio" name="deliveryOption" id="{{option.id}}"
              value="{{option.id}}">

мой аякс

    $('input[type=radio][name=deliveryOption]:checked').on('change', function (e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: '{% url "checkout:cart_update_delivery" %}',
      data: {
        deliveryoption: $(this).val(),
        csrfmiddlewaretoken: "{{csrf_token}}",
        action: "post",
      },
      success: function (json) {
        document.getElementById("total").innerHTML = json.total;
        document.getElementById("delivery_price").innerHTML = json.delivery_price;



      },
      error: function (xhr, errmsg, err) {},
    });

  });

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

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

Вернуться на верх