2010-09-14 114 views
0

我們使用以下代碼從單選按鈕組中選擇一個選項值。如果單擊單選按鈕控件和水平佈局中的選項(此行爲始終可重現),有時單選按鈕無法正確選擇。如果我點擊該行的任何位置,如何確保該值被選中。單選按鈕沒有正確選擇

   <h:selectOneRadio value="#{_user.choice}"> 
        <f:selectItems value="#{_user.choices}" /> 
       </h:selectOneRadio> 
+2

是什麼渲染HTML看起來像這個? – 2010-09-14 09:31:45

回答

0

如果你想使用整個DIV切換收音機,你需要使用一些JS。如果你只是想通過它旁邊的文本和廣播和文字標籤之間的區域的無線電選擇,使用:

<p><label><input type="radio">Click me.</label></p> 

你不需要繞式報價,但它是一個好主意無論如何,要使用它們。我更喜歡在輸入端使用'p'標籤,這樣我可以更好地自動糾錯。這是沒有必要的,你會聽到很多人說,「那個標籤是沒有必要的。」

您還可以打開和關閉'fieldset'標記或者'legend'標記。您可以在W3C 4.10的HTML5表格上看到規格。

您可能還想使用'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> 

隨着我提交的代碼,我無法再現您的問題,先生。

0

<h:selectOneRadio>不會呈現標籤內的單選按鈕,單選按鈕本身在大多數(如果不是所有的話)瀏覽器中都有一些默認邊距。單擊此邊距的確不會選擇單選按鈕。您希望在CSS的幫助下將此邊距設置爲零,如有必要,請用填充替換它。例如。

<h:selectOneRadion styleClass="radiobuttons"> 

.radiobuttons input { 
    margin: 0; 
}