将 select 下拉菜单替换为具有功能的单选按钮

Question

我有一个包含 male 和 female 选项的下拉菜单。我正在用单选按钮替换它，我写了 HTML，但是为了使 HTML 表单正常工作，我应该将 name 属性放在单选按钮

上的什么位置

HTML 用于下拉菜单

<select id="gender" name="gender" title="Gender">
   <option value="1" selected="selected">Male</option>
   <option value="2">Female</option>
</select>

HTML 收音机

<input type="radio" title="Gender" value="1"> Male
<input type="radio" title="Gender" value="2" checked="checked"> Female

对于select，当我们提交表单时，name 属性将起作用，因为它会将select 选项作为名称参数发送。但是我应该把单选按钮的 name 属性放在哪里呢？如果我将两个属性的名称属性设置为相同，它将不起作用因为两个单选按钮不能具有相同的 name.

因为我不想更改后端代码，所以我想像以前一样工作 select 选项，它用于通过 name 属性发送 selected 选项，

如何对单选按钮执行相同的操作。因此，当任何单选按钮被 selected 时，它会在 name 参数中发送 selected 元素，不需要更改后端代码

Answer 1

所以你可以 post 这样的唯一值（到同一个 $_POST 变量），HTML:

<input type="radio" title="gender" name="gender" value="1">Male
<input type="radio" title="gender" name="gender" value="2">Female

在 PHP 中访问它们：

$gender = $_POST['gender'];

如果您遇到 select 多个单选按钮的情况，您可以使用数组，HTML:

<formgroup>
    <input type="radio" title="gender" name="something[0]" value="1">
    <input type="radio" title="gender" name="something[0]" value="2">
</formgroup>
<formgroup>
    <input type="radio" title="gender" name="something[1]" value="1">
    <input type="radio" title="gender" name="something[1]" value="2">
</formgroup>

然后在 PHP 中，您可以使用以下方法访问这些值：

$radio1 = $_POST['something'][0];
$radio2 = $_POST['something'][1];

将 select 下拉菜单替换为具有功能的单选按钮

Replace select dropdown with radio button with functionality

html

forms

radio-button

form-parameter

select-options