19

これは単純な問題のように思えますが、一連のラジオ ボタン オプションを持つ基本的な 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>
4

4 に答える 4

28

それにテキスト入力フィールドを追加するだけです。

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 の例

于 2012-10-15T02:43:22.897 に答える
4
  1. テキスト フィールドを作成し、display:none; に設定します。
  2. 次に、jQuery を使用して、[その他] ラジオ ボタンがオンになっていることを検出し、テキスト ボックスを表示します。
  3. 次に、プロセス スクリプトで and if ステートメントを実行して、ラジオ ボタン グループの値が "" (何もない) かどうかを確認し、テキスト ボックスのポスト データを取得して、必要な操作を行います。
于 2012-10-15T02:44:37.570 に答える
0

通常どおりにテキスト フィールドを追加するだけで、他のフィールドと同じ name 属性を指定できます。そうすれば、それらにアクセスすると、そのうちの 1 つが取得されます。

JavaScript (あなたが使用すると思いますか?) では、これらの要素にアクセスして、ラジオ ボタンを取得する場合は、テキスト フィールドが空であることを確認します。

于 2012-10-15T04:55:12.703 に答える