checkbox - 单击 Liferay AUI 复选框的标签会更改前一个复选框的值

Question

我在 Liferay 中写了这个简单的表格：

<aui:input type="checkbox" name="team" value="joe" label="joe" checked="false" />
<aui:input type="checkbox" name="team" value="ben" label="ben" checked="false" />

问题：当我点击标签“ ben ”时，joe复选框的值发生了变化。

我的语法不正确吗？

Answer 1

默认情况下 aui 将名称指定为id. 所以它不是唯一的并且onclick会触发错误的输入 id（这是第一个输入）。

只需为每个输入设置一个唯一的 id 就可以了。

<aui:input id="chkbox1" type="checkbox" name="team" value="joe" label="joe" /> 
<aui:input id="chkbox2" type="checkbox" name="team" value="ben" label="ben" />

Answer 2

No.name对于复选框来说必须是唯一的，就像普通的 HTML 一样。

<aui:input type="checkbox" name="teamAAA" value="joe" label="joe" checked="false" />
<aui:input type="checkbox" name="teamBBB" value="ben" label="ben" checked="false" />

你的意思是用type收音机吗？那些将需要相同的name.

<aui:input type="radio" name="team" value="joe" label="joe" checked="false" />
<aui:input type="radio" name="team" value="ben" label="ben" checked="false" />

更新：

<aui:input>将规范化name，id如果id没有明确传递。因此，在您的代码中，但输入具有相同的id，这会导致在单击标签时聚焦错误的输入。