-1

異なるラジオ ボタンがあり、それぞれにテキスト ボックスの値がフォームに関連付けられています。ユーザーは、一度に 1 つのラジオ ボタンのみを選択してフォームを送信できます。ただし、ユーザーが 1 つのラジオ ボタンのテキスト ボックスにデータを入力してから、別のオプションを選択してテキスト ボックス データを入力することがあります。現在、両方のテキスト ボックスにデータを保持し、それらも送信します。

データをクリアして、最後にクリックされたものだけを保存する方法はありますか? チェックされたもの以外の他のラジオボタンのすべてのデータをクリアするonclickイベントのように。

簡単な静的コードの例:

 <form class="form-horizontal" id="whereEntry" method='post' action=''>
    <input type="radio" name="formOption" id="radio1210" value="1210" checked="checked">Waiting on Approval<br>
    Comment:<input type="text" name="Comment"><br>

    <input type="radio" name="formOption" id="radio1211" value="1211" checked="checked">Waiting on Authorization<br>
     Comment:<input type="text" name="Comment">

     <input type="Submit" value="Submit">Submit
 </form>

ラジオボタンをクリックするとテキストボックスの値が表示されます。したがって、ラジオ ボタンをクリックしてコメント テキスト ボックスに値を入力し、別のラジオ ボタンをクリックすると、両方のコメント ボックスの値が保持されます。

4

1 に答える 1

0

このようなもの

HTML マークアップ

<input type="radio" id="radio1" name="gender"/>Male
<input type="text" id="txt1">
<br />
<input type="radio" id="radio2" name="gender"/>FeMale
<input type="text" id="txt2">

Jクエリ

$("input:radio").click(function(){
    $("input:text").not($(this).next()).val("");
})

ライブデモ

于 2013-10-24T16:03:37.667 に答える