“A、B或无”。 HTML 表单的输入

Question

我有一种情况，我想允许将表单变量设置为一组值之一（在我当前的情况下为真/假）或未设置（在这种情况下不返回任何值，而不是返回一些“无”值或一个空白）。复选框可以给出未设置的位，但只能给出一个设置值。无线电元件可以起到某种作用。但是一旦选择了某个值，就无法返回取消设置。无论如何，我看过的所有其他输入总是设置变量。

我是否遗漏了什么，或者我是否不得不接受一个不太理想的解决方案？

Answer 1

三个单选按钮或带有三个 的 即可。

Answer 2

放置三个收音机：A、B 和 None

Answer 3

执行“下拉菜单”，如下所示： http://www.echoecho.com/htmlforms11.htm< /a>

创建默认值“None”，后跟选项 A，然后是选项 B。

Answer 4

下拉列表怎么样？

---Please Select---
Option A
Option B

我最近一直在网上申请很多工作，这是人们通常采取的路线。

Answer 5

下拉框有用吗？

<select name="choices">
  <option>(None)</option>
  <option value="a">Choice A</option>
  <option value="b">Choice B</option>
</select>

Answer 6

您需要使用一些 JavaScript。如果你有 jQuery，那么有几个三态复选框插件。

例如： http://plugins.jquery.com/project/tristate-checkbox

那里如果您在 google 中搜索“三态复选框”，则也可能是非 jQuery 脚本，

例如： http://caih.org/open-source-software/tri-state-checkbox-in-javascript/

Answer 7

在一组中使用 3 个单选按钮，您可以使用 CSS 隐藏第一个“无”单选按钮（visibility:hidden; 或 display:none;），如果这是在表单验证期间仍然选择了一个，则用户没有选择 true 或 false radio。

编辑（发表评论）：

如果不需要Javascript，那么您可以有条件地在隐藏无线电上应用“hideableItem”类，如果禁用脚本，您将得到的最坏情况是3个无线电供用户选择，如下所示其他人已经描述过。如果启用了 JS，则默认无线电将被隐藏并提供我所描述的行为。

这里描述了如果 JS 被禁止/启用的技术的条件隐藏： http://lucassmith.name/2008/10/script-to-add-css-only-when-javascript-is-available.html

我一直使用它，它伟大的。