将单选按钮替换为具有功能的单选按钮

时间:2019-01-17 20:05:04

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

我有一个带有malefemale选项的下拉菜单。 我用单选按钮代替了它,我编写了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属性? 如果我将name属性设置为两个属性相同,它将无法正常工作 因为两个单选按钮不能具有相同的name

由于我不想更改后端代码,因此我想像以前一样对select选项进行操作,该选择选项用于通过name属性发送选择的选项

如何对单选按钮执行相同操作。这样,当选中任何单选按钮时,它将在name参数中发送选定的元素,而无需更改后端代码

1 个答案:

答案 0 :(得分:1)

因此,您可以在HTML中发布这样的唯一值(到相同的$_POST变量):

<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];