HTML表单:带文本字段的单选按钮

Question

这似乎是一个简单的问题,但是如何创建一个具有一系列单选按钮选项的基本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

1. 创建一个文本字段，并将其设置为display:none;
2. 然后使用 jQuery，检测何时选中“其他”单选按钮并显示文本框。
3. 然后在您的流程脚本中，使用 do 和 if 语句来查看单选按钮组的值是否为“”（无），并获取文本框的发布数据并对其执行您想要的操作。