单选按钮html5单选按钮html jquery

时间:2014-08-06 19:55:57

标签: html5

当我点击第一个单选按钮时,它正在工作,但第二个单选按钮不起作用。
另外,我注意到只有第一个单选按钮值被保存到数据库中。

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default">
        <input id="gender" type="radio" name="gender"  value="male">male
    </label>
    <label class="btn btn-default">
        <input id="gender" type="radio" name="gender"  value="famale">Famale
    </label>
</div>

1 个答案:

答案 0 :(得分:1)

首先将其从标签上移除并分别粘贴。

第二件事可能是你使用他们的ID引用它们。哪个总是引用带有该ID的HTML标记中的第一个项目。您可以更改其ID,或将其用作类名。

修改

在HTML中,每个HTML文档只能使用一个ID。对多个元素使用相同的ID是非法的。有关更多信息,请阅读:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input