使用单选按钮也可以隐藏它

Question

有没有办法使用单选按钮并将其隐藏起来？

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

Answer 1

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

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

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

opacity: 0;

Answer 2

请参阅HTML Forms: Control Types：

  

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

Answer 3

我建议您使用HIDDEN FIELD。但是，您还有其他目的使用单选按钮，然后使用样式表隐藏单选按钮，如下所示： -

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

希望它会对你有所帮助。

Answer 4

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

Answer 5

您可以使用javax.swing中的set.Visible（布尔标志）方法隐藏单选按钮：

  

myButton.setVisible（false）;