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