как решить ошибку aui radio button в jsp?

Question

Привет, я использую aui радио в jsp. Но когда я вижу вывод в веб-браузере, пользователь может выбрать все значение переключателя. Пользователь должен иметь возможность выбирать только один переключатель, но я могу выбрать все. как его решить? любезно помогите мне.

Вот мой 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" /> 

Какую ошибку я сделал? Пожалуйста, скажите мне.

Answer 1

Если вы хотите выбрать значения из группы радиостанций, то атрибут «name» для типа радио должен быть одинаковым для всех типов радиостанций в группе. Простого пример:

<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 сплав UI тег используется в Liferay ...

Answer 2

Ошибка заключается в том, что вы даровали 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 вы можете узнать больше о форменных элементов, она также имеет раздел на радио-кнопок.