Question

这是我在我的网页上使用的代码

<ul class="tabs">
    <li>
    <input type="radio" name="tabs" id="som" value="0">
    <label for="som">Venta</label>
</li>
<li>
    <input type="radio" name="tabs" id="som" value="1">
    <label for="som">Aliquera</label>
</li>

CSS

.tabs input[type=radio] {
    position: absolute;
top: -9999px;
left: -9999px;
}
.tabs {
    width: 95%;
    float: none;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0px auto;
}
.tabs li{
    float: left;
    border:1px solid #006699;
    border-radius:10px 10px 0 0;
    border-bottom:none;
    width:31%;
    background-color:#EDF6FA;
}
.tabs label {
    display: block;
    padding: 10px 10px;
    border-radius: 10px 10px 0 0;
    color: #08C;

    cursor: pointer;
    position: relative;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tabs label:hover {
    background: rgba(255,255,255,0.5);
}

上述代码仅在我为每个输入type="radio"使用不同的ID时有效（例如，如果我在第二个id="som2"中使用<label for="som2">和<li>，则它适用于已检查的属性）但我希望这可以在id相同的情况下工作，请帮助我。

我使用不同身份证时的链接：http://jsfiddle.net/3PTJf/。

但是我希望这可以像这个链接一样工作：using same id's当我使用相同的ID

时

Answer 1

如何为多个单选按钮使用相同的ID？

按照惯例，id是唯一标识符 - 它必须在整个页面中是唯一的。换句话说，每个元素一个id，所以两个元素不应该，也不能，没有相同的id。

您可以查看这些主题以获取更多信息：

注意：如果您想为更多元素使用相同的样式，请考虑使用类而不是ID。

如何为多个单选按钮使用相同的ID？

CSS

1 个答案: