我可以制作一组不随表单提交的单选按钮吗？

Question

我有一组单选按钮，它们位于 HTML 表单的其他控件之间。我不希望这些单选按钮的值与查询一起提交（我只是将这些单选按钮用于 JavaScript 内容）。通常，我可以通过没有为它们提供“名称”属性的其他控件（即复选框等）来执行此操作，并且它们不会被提交。但是，为了使单选按钮具有“互斥”行为，需要“名称”属性。我也不能将单选按钮移到表单之外，因为它位于确实需要与表单一起提交的其他控件之间。此外，我无法禁用单选按钮，因为我需要用户能够单击它们。那么有没有办法可以制作一组不随表单提交的单选按钮？

Answer 1

我能想到几个解决方案：

<iframe /> 中的元素

一种方法是将按钮放置在 iframe 中，在您的表单中，然后关闭 iframe 的边框，以便给人以它们在表单中的印象。

在“提交”期间删除

另一种解决方案是通过表单提交操作上的 Javascript 从表单中删除元素，将截断的元素列表发送回服务器。

如果是我，我会忽略服务器端的元素。

Answer 2

您有几个选择。

• 考虑 UI 方法来“重新排列” 表格。例如，您可以 “放置”单选按钮 没有实际的视觉形式区域 通过使用获得表单中的代码 的 CSS。
• 像其他人一样删除元素 说。
• 尝试另一种输入形式 JqueryUI 等元素 按钮组 http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/ 注意，未测试无名 元素，但可以想象应该可以工作。

Answer 3

如果您不关心有效性，您仍然可以拥有单选按钮，而不是给它们命名。你的 JS 可以通过它们的 ID 来识别它们，并且没有名称，它们不会传递任何参数。