Блог

У меня есть таблица, в каждой ячейке которой есть флажок. Как мне инициализировать значение каждой ячейки на ‘false’ (также, если флажок не установлен), и когда флажок установлен, значение изменяется на ‘true’, а также цвет фона ячейки.

Тогда как мне добавить значение каждой ячейки в (req.body) для отправки на сервер?

Ценю любую помощь! Спасибо!

Например, у меня есть строка с флажками:

 <tr>
    <td class="shift active left-border"><input type="checkbox" class="checkbox" 
        name="saturdayMorning"></td>

    <% const d = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday'] %> 

    <% for(let i = d.length-1; i > -1; i--) { %> 

    <td class="shift active"><input type="checkbox" class="checkbox" value="yes" 
        onclick="change()" name="<%= d[i] %>Morning"></td>
    <% } %>

    <th class="day-part">Mornings</th>
</tr>
  

Флажки работают по-разному в HTML.

Если флажок снят, он ничего не вернет.

Чтобы исправить это, есть хакерское решение:

 <input type="checkbox" value="false" name="bla" style="display:none" checked="checked">
<input type="checkbox" value="true" name="bla">
  

Всякий раз, когда последний флажок не установлен, всегда будет отправлен первый.
Если видимый флажок установлен, он перезапишет данные флажка с тем же именем и, таким образом, отправит true.

Отвечает ли это на ваш вопрос?