javascript - 我们如何在 html 中分别将 "True"或 "False"字符串设置为复选框对其选中或未选中状态的响应？

Question

您好，我目前在我的项目中使用单选按钮将 True 或 False 作为字符串传递。 我想将其更改为返回相同值的复选框，即“True”或“False”(基于复选框是否被选中或未选中)，这样我就不会被迫更改项目中其他任何地方的条件.

<input type="radio" id="admin"
        name="access" value="True">Access<br>
        <input type="radio" id="donotaccess"
        name="access" value="False" checked="">Do not access<br></input>  

有什么建议吗？

添加了单选按钮的代码

Answer 1

您可以将复选框的值存储在变量 hasAccess

在以下代码中 - hasAccess 等于 True 或 False(字符串)

当你需要验证复选框是否被选中时，你应该使用变量hasAccess

var hasAccess;

function verifyCheckbox(elem) {
  hasAccess = elem.checked.toString();
  hasAccess = hasAccess.charAt(0).toUpperCase() + hasAccess.slice(1);
  console.log(hasAccess);
}

<input type="checkbox" id="gquotas-admin-xptable-access" name="xp_table_access" onclick="verifyCheckbox(this)">Access

注意

你应该考虑使用 bool 值而不是 True/False 字符串