2013-04-25 35 views
2

你好,我在jsp中使用aui收音機。 但是當我在網絡瀏覽器上看到輸出時,用戶可以選擇所有單選按鈕值。用戶應該只能選擇一個單選按鈕,但我可以選擇全部。 如何解決? 請幫助我。如何解決jsp中aui單選按鈕的錯誤?

這裏是我的JSP:

<aui:input inlineLabel="right" name="veryhigh" type="radio" value="1" label="Very High" /> 
<aui:input name="high" type="radio" label="Higher" /> 
<aui:input name="neutral" type="radio" label="Neutral" /> 
<aui:input name="low" type="radio" label="Low" /> 
<aui:input name="verylow" type="radio" label="Very Low" /> 

我做了什麼錯?請告訴我。

回答

4

如果您想從無線電組中選擇數值,那麼無線電類型的「名稱」屬性應該與組中所有無線電類型相同。 簡單例如:

<input type = "radio" name = "gender" value = "Male"/> 
<input type = "radio" name = "gender" value = "Female"/> 

當你使用上面的線僅單選按鈕中的一個(男性或女性,這取決於用戶點擊被選中) 如果給上面的代碼單獨的名稱屬性,然後他們被認爲是分開的,因此當你點擊他們時,他們都會被選中。這正是你的代碼中發生的事情。

<aui:input name="high" type="radio" label="Higher" /> and 
<input type = "radio" name = "gender" value = "Male"/> 

兩個相同的方式工作.. AUI是在Liferay中使用的合金UI標籤...

1

的錯誤是,你給不同的單選按鈕的name,是這樣的:

<aui:input inlineLabel="right" name="volume" type="radio" value="1" label="Very High" /> 
<aui:input name="volume" type="radio" label="Higher" value="higher"/> 
<aui:input name="volume" type="radio" label="Neutral" value="neutral"/> 
<aui:input name="volume" type="radio" label="Low" value="low"/> 
<aui:input name="volume" type="radio" label="Very Low" value="very low"/> 

W3 schools您可以瞭解更多有關表單元素,它也有在單選按鈕上的部分。

相關問題