Así que tengo una página con lo siguiente: (1) Campo de texto = Título, (2) Menú desplegable (3) Campo de texto = Descripción. También en esa página tengo una tabla que se llena con la información de una tabla de PostgreSQL y la consulta se realiza en un .py con Flask y SQLAlchemy. Cada línea de la tabla tiene un control deslizante en el que el usuario puede hacer clic. Cuando el usuario hace clic en el botón Enviar, toda la información que se llenó debe ir a las tablas correspondientes en la base de datos y si hay controles deslizantes con estado == verificado, esa información también debe ir a la tabla de la base de datos. Obtuve los campos de texto y el menú desplegable usando cookies e intenté verificar si el estado de los controles deslizantes está marcado, pero hasta ahora no funcionó.

¿Algún consejo sobre cómo hacer este trabajo? ¿Hay una mejor manera de hacer esto además de usar cookies? Gracias de antemano c; Estoy usando HTML, Bootstrap5, Javascript, Flask, SQLAlchemy y Jinja2

 HTML {% for e in inves %} <tr> <td>{{ e[0] }}</td> <td>{{ e[1] }}</td> <td> <label class="switch"> <input type="checkbox" id = "checkbox_inves_{{loop.index}}"> <span class="slider round"></span> </label> </td> </tr> {% endfor %}

 const switchs = document.querySelectorAll(".switch"); switchs.forEach(s => { s.querySelector("slider round").addEventListener("click", e => { if (e.checked){ console.log("checked:" + e.target.id) }else{ console.log("unchecked:" + e.target.id) } }); });