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