jQueryUI按鈕集需要唯一ID

Question

如果使用jQueryUI創建無線電/複選框輸入按鈕集，則必須使用顯式標籤。這意味着您必須通過ID將label關聯到input。

如果您想在同一頁面上使用多個相同的按鈕集，這意味着您不能只爲每個按鈕集使用相同的代碼，因爲ID在文檔中必須是唯一的。

大多數瀏覽器都會接受非唯一的ID，但我寧願不會被迫打破Web標準，顯然沒有保證瀏覽器將來會繼續支持非唯一ID。

我可以爲每種情況生成唯一的ID，但是這會使代碼複雜化，並增加了保證ID的問題的確是唯一的。

處理多個相同的按鈕組的最佳方法是什麼？

這說明問題：http://jsfiddle.net/C3NyV/1/

在我的特定情況下，通過使用控件工廠創建一個插件生成的buttonset。我不知道這是否有助於解決這個特定問題。

Answer 1

無論jQuery UI如何，您都應該將所有輸入的id屬性與具有for屬性的標籤進行匹配，以實現可訪問性。當屏幕閱讀器遇到輸入字段時，它將使用此條件查找匹配的標籤。

而不是生成一個唯一的標識符我會建議使用更多的語義來區分不同的集合。這可能是更多的工作，但它會更標準，可訪問和可維護的代碼。