使用jquery清除某些文本

Question

當單擊單選按鈕時，我面臨的問題是重置值爲jquery清空。

<form id="my-form"> 
<div> 
    <label for="name">Name</label> 
    <input type="text" id="name" name="name" value="123" /> 
</div> 
<div> 
    <label for="ID">ID NO</label> 
    <input type="text" id="ID" name="ID" value="NO21034" /> 
</div> 
<fieldset> 
     <legend>Option</legend> 
     <label for="clearID">clearID</label> <input type="radio" id="clearID" name="opt" checked /> 
     <label for="clearName">clearName</label> <input type="radio" id="clearName" name="opt" /> 
</fieldset> 
</form> 

<script type="text/javascript"> 
$(document).ready(function() 
{ 
$('#clearname').on('click', function() 
{ 
    $('#my-form').find('input:text').val(''); 
}); 
}); 
</script> 

現在如果我的單選按鈕單擊clearName，它會自動清除名稱和ID的值。
是否有另一個代碼可以替代find（'input：text'）？
我想清除一個值（名稱或ID），而不是兩者。

Answer 1

清除每個字段使用相應的ID ..

<script type="text/javascript"> 
$(document).ready(function() 
{ 
$('#clearname').on('click', function() 
{ 
    $('#ID').val('');//it clears the value of element having id='ID' 
    $('#name').val('');//it clears the value of element having id='name' 
}); 
}); 
</script> 

Answer 2

採用javascript復位方法

$('#clearname').on('click', function() 
 
{ 
 
    $("#my-form")[0].reset() 
 
    // or 
 
    $("#my-form").get(0).reset() 
 
});