Как добавить стиль к элементу с настройками жидкой схемы?

Я хотел бы иметь флажок, при нажатии которого он добавляет сквозную линию к элементу.

Это мой код:

{%- if section.settings.eventOver -%}
                      <p class = "eventDate" id = "eventID">{{ section.settings.date_picker | date: "%d-%m-%Y" }}</p>
              <script>
                      document.getElementById('eventID').style.textDecoration = 'line-through';
              </script>
                    {%- endif -%}

и код схемы:

{% schema %}
{
    "name": "Event",
   "class": "Event",
  "settings": [
   {
        "type": "image_picker",
        "id": "image",
        "label": "event Image"
    },
    {
        "type": "checkbox",
        "id": "eventOver",
        "label": "Click if the event is passed",
        "default": false
    },

(Думаю, я поставил код только для необходимых частей)

В настоящее время с этим кодом, если флажок установлен, он добавляет строку, но делает это только для первого. Если у меня есть 2, где я установил флажок, он включает его только для первого.

Любая помощь?