Question

我想重置输入字段。

如果单击“类型1”单选按钮并在输入字段中输入值，如果我选择“类型2”单选按钮，则输入字段中的现有值应重置为空。

<div class="samples">
    <input type="radio" id="samples_1" />Type1
        <input type="radio" id="samples_2" />Type2
            <input type="radio" id="samples_3" />Type3
</div>

<input type="text" id="demo" value=""/>

我如何在javascript / jquery中实现它。

小提琴：http://jsfiddle.net/wYuZL/

Answer 1

使用它，它有效。而你还没有添加jquery - 在jsfiddle中添加jquery以使其正常工作。

 $(":radio").bind("change", function (event){
      $("#demo").val("");
 });

Answer 2

如何在JavaScript / jQuery中实现它？

假设我理解你要做的事情（这样做，以便当你点击单选按钮时，输入框的值被清除）然后你必须在元素上设置一个事件处理程序，这样我们就可以了可以清除输入框：

$(function() {
    $("#samples > input").click(function() {
        $("#demo").val("");
    });
});

如何重置输入字段

2 个答案: