单击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" />

问题：当我点击标签＆＃34; ben ＆＃34;时， joe 复选框的值会发生变化。

我的语法不正确吗？

Answer 1

没有。对于复选框，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，这会导致在单击标签时聚焦错误的输入。

Answer 2

默认情况下，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" />