有没有办法在选中时更改复选框的值？

Question

我有一个表格，每个单元格中都有一个复选框。如何将每个单元格的值初始化为“假”（也在未选中时），并且当检查复选框时，值为“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>

Answer 1

复选框在 HTML 中的工作方式不同。

如果未选中复选框，则不会返回任何内容。

要解决这个问题，有一个 hacky 解决方案：

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

只要最后一个复选框没有被选中，第一个复选框就会被提交。 如果勾选了可见的，则会覆盖同名复选框的数据，从而提交true。

这能回答你的问题吗？