3.2.5.1 id属性

Question

是否可以拥有2组共享ID的单选按钮？我似乎无法让他们彼此玩得很好。

演示：http://abenjamin765.github.io/slidemenu/

<input type="radio" name="set-one" id="radio-one">
<input type="radio" name="set-one" id="radio-two">
<input type="radio" name="set-one" id="radio-three">

<input type="radio" name="set-two" id="radio-one">
<input type="radio" name="set-two" id="radio-two">
<input type="radio" name="set-two" id="radio-three">

干杯！

Answer 1

没有。 ID属性必须是唯一的。 ID属性表示该单个元素的唯一标识。

来自HTML5 specification's id attribute section：

3.2.5.1 id属性

id属性指定其元素的唯一标识符（ID）。

该值必须在元素的主子树中的所有ID中唯一，并且必须至少包含一个字符。

如果您想让他们共享引用（例如，为了样式目的），您可以改为使用class属性：

<input type="radio" name="set-one" class="radio-one">
<input type="radio" name="set-one" class="radio-two">
<input type="radio" name="set-one" class="radio-three">

<input type="radio" name="set-two" class="radio-one">
<input type="radio" name="set-two" class="radio-two">
<input type="radio" name="set-two" class="radio-three">

2组具有相同ID的单选按钮

1 个答案:

3.2.5.1 id属性