【问题标题】:Clicking on label of Liferay AUI checkbox changes value of the preceding checkbox单击 Liferay AUI 复选框的标签会更改前一个复选框的值
【发布时间】:2016-05-13 18:05:58
【问题描述】:

我在 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复选框的值发生变化。

我的语法不正确吗?

【问题讨论】:

    标签: checkbox liferay-aui liferay-6.2


    【解决方案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" />
    

    【讨论】:

      【解决方案2】:

      没有。 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" />
      

      更新

      &lt;aui:input&gt; 将规范化 nameid 如果 id 没有明确传递。所以在您的代码中,但是输入具有相同的id,这会导致在单击标签时聚焦错误的输入。

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-12-14
      • 1970-01-01
      • 2013-02-11
      • 1970-01-01
      相关资源
      最近更新 更多