點擊Liferay的AUI複選框的標籤上改變了前面的複選框

我在Liferay中寫了這個簡單形式的值：點擊Liferay的AUI複選框的標籤上改變了前面的複選框

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

問題：當我點擊標籤「在本「，joe複選框的值發生變化。

我的語法不正確嗎？

來源

2016-02-04 Nicolas Raoul

第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，這會在單擊標籤時導致錯誤的輸入被聚焦。

來源

2016-02-04 23:12:12 Byran

幾乎所有的HTML教程，我可以找到使用相同的名稱爲幾個框：http://www.w3schools.com/tags/att_input_checked.asp http://www.tizag.com/ htmlT/htmlcheckboxes.php –

永遠不要使用W3School作爲權威的崇敬。請參閱：http：//www.w3fools.com/。請檢查[MDN ]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-type）。「具有與name屬性相同值的單選按鈕位於同一個」單選按鈕組「中」 – Byran

另請參見：[WHATWG編寫表單用戶界面]（https://html.spec.whatwg.org/multipage/forms .html＃writing-a-form's-user-interface） – Byran

默認情況下，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" />

來源

2017-09-13 05:34:19

點擊Liferay的AUI複選框的標籤上改變了前面的複選框

回答

相關問題