Question

您好我在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"  />

我犯了什么错误？请告诉我。

Answer 1

如果您想从广播组中选择值，那么＆＃34; name＆＃34;对于组中的所有无线电类型，无线电类型的属性应该相同。简单的例子：

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

当你使用上面的行只有一个单选按钮（男性或女性;取决于选择的用户点击次数）如果为上面的代码提供单独的name属性，那么它们将被视为独立的，因此当您单击它们时，它们都将被选中。这正是您的代码中发生的事情。

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

两者的工作方式相同.. aui是liferay中使用的合金ui标签......

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上，您可以了解有关表单元素的更多信息，还有一个关于单选按钮的部分。

如何解决jsp中aui单选按钮的错误？

2 个答案: