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

【问题标题】：Replace select dropdown with radio button with functionality将选择下拉菜单替换为具有功能的单选按钮
【发布时间】：2019-01-17 20:05:04
【问题描述】：

我有一个带有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

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

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

如何对单选按钮执行相同的操作。 So that when any radio buttons are selected it sends the selected element in name parameters which doesn't require a change in backend code

【问题讨论】：

标签： html forms radio-button form-parameter select-options

【解决方案1】：

所以你可以发布这样的唯一值（到同一个$_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'];

如果您可以选择多个单选按钮，则可以使用数组，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];

【讨论】：