使用单选按钮并将其隐藏

Posted 2023-03-05

【中文标题】使用单选按钮并将其隐藏

【英文标题】：Use a radio button and make it hidden as well

【发布时间】：2013-05-07 02:30:51

【问题描述】：

有没有办法起来？

我正在尝试将一个值存储在 4 个自动 (JSP) 生成的单选按钮中。我需要再放置一个单选按钮，该按钮将保留一些默认值，但它应该对用户隐藏。有什么办法吗？

【问题讨论】：

这样做有什么意义？如果它是隐藏的，为什么要让它成为一个单选按钮？

只需手动生成更多jsp单选按钮并设置此css样式display:none。

【参考方案1】：

请参阅html Forms: Control Types 了解：

隐藏控件 作者可以创建未呈现但其值与表单一起提交的控件。作者通常使用这种控制类型来存储客户端/服务器交换之间的信息，否则这些信息会由于 HTTP 的无状态特性而丢失（参见 [RFC2616]）。 INPUT 元素用于创建隐藏控件。

【讨论】：

这个答案可以扩展吗？一个 INPUT 不能同时被隐藏和单选。

【参考方案2】：

我建议使用 HIDDEN FIELD 来达到您的目的。但是，您还有其他使用单选按钮的目的，请使用以下样式表隐藏您的单选按钮：-

<input type="radio" name="radiobt" value="4" style="display:none"/>

希望对你有帮助。

【参考方案3】：

我有什么理由隐藏单选按钮？在加载表单或页面时，您可以使用 jQuery 隐藏选项隐藏单选按钮。每当您需要时，您可以显示到页面。否则，您可以使用 css - display:none 选项隐藏页面中的单选按钮。希望这会对你有所帮助。

【参考方案4】：

您可以使用 javax.swing 中的 set.Visible(Boolean flag) 方法隐藏单选按钮：

myButton.setVisible (false);

【参考方案5】：

您应该避免在表单字段元素上使用display:none 或visibility:hidden，因为这会对可访问性产生负面影响。通过键盘（无鼠标）浏览您的网站的用户将无法在表单元素之间切换和选中/取消选中它们。您可以尝试使用以下方法：

-moz-appearance: none;
-webkit-appearance: none;
appearance: none;

更新：由于a known bug in Firefox，应用appearance: none 后，单选按钮的边框和圆点仍然可见。将不透明度设置为零似乎对我有用：

opacity: 0;

【讨论】：

在这种情况下不正确。有视觉能力的用户不能访问残疾用户不应该访问的内容。屏幕阅读器无论如何都会读取 DOM，所以外观：无；将和其他人一样。

你是对的。我误解了这个问题。我认为这个问题是关于样式的。我有时会隐藏单选按钮并设置它们的标签样式，因为这给了我更多的视觉控制。执行此操作时，保留单选按钮的功能很重要，以便所有用户（键盘、鼠标等）都可以区分活动和焦点状态，并且屏幕阅读器仍然能够理解和宣布用户与控制。许多屏幕阅读器不会宣布通过 display:none 隐藏的元素，但他们对 opacity:0 没有问题。