如何復位輸入字段

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(""); 
    }); 
});