HTML表单：与文本字段单选按钮(HTML Forms: Radio buttons with te

这似乎是一个简单的问题，但我如何创建具有一系列的单选按钮选择一个基本的HTML形式，最后一个是文本字段填写一个自定义的反应（即“其他”）。

我现在拥有的一切：

    Reason given for stop? <br>
    <input type="radio" name="reason" value="Fit Description">Fit Description<br>
    <input type="radio" name="reason" value="Suspicious Behavior">Suspicious Behavior<br>
    <input type="radio" name="reason" value="No Reason Given">No Reason Given<br>
    <input type="radio" name="reason" value="">Other<br>

Answer 1:

只是一个文本输入字段添加到它。

Reason given for stop? <br>
    <input type="radio" name="reason" value="Fit Description">Fit Description<br>
    <input type="radio" name="reason" value="Suspicious Behavior">Suspicious Behavior<br>
    <input type="radio" name="reason" value="No Reason Given">No Reason Given<br>
<input type="radio" name="reason" value="">Other <input type="text" name="other_reason" />

例如的jsfiddle

Answer 2:

创建一个文本字段，并将其设置为显示：无;
然后使用jQuery，发现当“其他”单选按钮被选中并显示在文本框中。
然后对过程的脚本，做，if语句，看看你的单选按钮组的值是“”（无），并抓住文本框的职位数据，做你想做的事情是什么。

Answer 3:

只需添加一个文本字段，你会正常，但给它相同的名称属性为别人，访问它们时这样你会得到其中的一个。

在JavaScript中（我假设你将使用？）刚刚访问这些元素和检查的文本框为空，如果是得到了单选按钮。

Answer 4:

有一个整洁的方式来增加旁边的单选按钮的文本字段，而无需使用功能或JavaScript（jQuery的）。只需添加无线BTN（其他），并在它旁边的文本字段，在HTML窗体顶部。下面是我使用：

颜色：

<input type="radio" name="title[<?=$red?>][color]" value="" <?php if ($row['color'] != ' ') {echo 'checked';} ?> />Other <input type="text" name="title[<?=$red?>][color]" value="<?php echo $row['color'] ?>" style="width: 200px;" /> |

<input type="radio" name="title[<?=$red?>][color]" value="natural" <?php if ($row['color'] == 'natural') {echo 'checked';} ?> />natural|

<input type="radio" name="title[<?=$red?>][color]" value="stain" <?php if ($row['color'] == 'stain') {echo 'checked';} ?> />stain |

<input type="radio" name="title[<?=$red?>][color]" value="white" <?php if ($row['color'] == 'white') {echo 'checked';} ?> />white|

基本上你不把价值上的“其他”无线输入，但在文字输入所以无论你在文本字段写入将被发送到DB - 第1场的形式。如果没有在文本字段 - 其他检查无线电输入将被处理。

希望这可以帮助。

文章来源: HTML Forms: Radio buttons with text fields