我们使用以下代码从单选按钮组中选择一个选项值。有时，如果您在单选按钮控件和水平布局中的选项之间单击，则无法正确选择单选按钮(此行为始终可重现)。如果我在该行的任意位置单击，如何确保选中该值。
<h:selectOneRadio value="#{_user.choice}">
<f:selectItems value="#{_user.choices}" />
</h:selectOneRadio>
回答 2
Stack Overflow用户
发布于 2010-09-14 11:39:36
如果您想使用整个DIV来切换收音机，则需要使用一些JS。如果您只想通过其旁边的文本以及收音机和文本标签之间的区域使其可选，请使用以下命令：
<p><label><input type="radio">Click me.</label></p>您不需要用引号将类型括起来，但不管怎样，使用引号是个好主意。我更喜欢在我的输入两边使用'p‘标签，这样我就可以更好地自动纠错。这不是必需的，您会听到很多人说，“p标记是不必要的。”
您还需要使用'fieldset‘标签和可能的'legend’标签来打开和关闭。您可以在HTML5 forms上的w3c 4.10中查看规范。
你可能还想使用'value‘标签。例如：
<form method="post">
enctype="application/x-www-form-urlencoded"
action="https://coke.example.com/order.cgi">
<p><label>Order number: <input name="orderID"></label></p>
<fieldset>
<legend>Drink</legend>
<p><label><input type="radio" value="coke">Do you want a Coke?</label></p>
<p><label><input type="radio" value="pepsi">Or do you want a Pepsi?</label></p>
</legend>
</fieldset>
</form>有了我提交的代码，我无法重现你的问题，先生。
Stack Overflow用户
发布于 2010-09-14 12:03:03
<h:selectOneRadio>不会在标签内呈现单选按钮，并且单选按钮本身在大多数浏览器(如果不是所有浏览器)中都有一些默认边距。点击这个页边距确实不会选中单选按钮。您希望在CSS的帮助下将此边距设置为零，并在必要时将其替换为填充。例如。
<h:selectOneRadion styleClass="radiobuttons">使用
.radiobuttons input {
margin: 0;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3706400
复制相关文章
点击加载更多
腾讯云开发者
