如何获取输入的值并分配一个他没有关联的标签

Question

我正在改进我的网站，它有以下下拉菜单，有些人可以选择性别：

＆＃13;

＆＃13;

<h2>Person Sex</h2>
<label for="sex"></label>
<select id="sex">
  <option id="men">Men</option>
  <option id="women">Women</option>
</select>

＆＃13;

＆＃13;

＆＃13;

完美。发送到我的后端非常简单，我只是获得#sex id的值，并通过ajax发送后端。

现在，我想使用复选框：

＆＃13;

＆＃13;

    <h1>Person Sex</h1>

    <label for="men">Men</label>
    <input type="radio" id="men"/><br/>
    <label for="women">Women</label>
    <input type="radio" id="women"/>

＆＃13;

＆＃13;

＆＃13;

我的问题是：我怎样才能将女性或男性与只有性别的标签联系起来？我怎么能不可能同时选择两者。

感谢。

Answer 1

使用uses的{​​{1}}和name属性：

value

单选按钮上的input字段允许对它们进行分组。提交表单时，所选项目的<label for="men">Men</label> <input type="radio" id="men" value="men" name="sex" /><br/> <label for="women">Women</label> <input type="radio" id="women" value="women" name="sex" /> 应为name的响应值。例如，PHP中的value。

如果您想要单选按钮组的默认值：

sex

Answer 2

在两个单选按钮中添加相同的名称。这样，只能选择一个。

＆＃13;

＆＃13;

    <h1>Person Sex</h1>

    <label for="men">Men</label>
    <input type="radio" id="men" name="sex"/><br/>
    <label for="women">Women</label>
    <input type="radio" id="women" name="sex"/>

＆＃13;

＆＃13;

＆＃13;