HTML：复选框 - 未选中的值....不工作

Question

• 我对复选框的 Checked / UnChecked 值设置有疑问。

• 问题是，如果未选中该复选框，我会得到一个“”（空字符串）返回？ - 有什么想法吗？。

• 这是我到目前为止所做的。

  <h4 class="page-header" aria-atomic="true">Venue Category</h4>
  
  <input type="hidden" name="checkbox_1" value="0" th:field="${v.venueOptions}">
  <input type="checkbox" name="checkbox_1" value="1" th:field="${v.venueOptions}"/>
  <label>Nightclub</label>
  

任何帮助都可以得到 :)

真诚的利亚姆。

Answer 1

为具有不同 ID 的复选框添加隐藏输入：

<input id='testName' type='checkbox' value='Yes' name='testName'>
<input id='testNameHidden' type='hidden' value='No' name='testName'>

在提交表单之前，根据选中的条件禁用隐藏输入：

if(document.getElementById("testName").checked) {
 document.getElementById('testNameHidden').disabled = true;
}