-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">

jQuery

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

现场演示

于 2013-10-24T16:03:37.667 回答