Javascript 使用按钮清除文本区域和输入上的值

Javascript 使用按钮清除文本区域和输入上的值,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试放置一个脚本,您可以通过单击按钮清除输入和文本区域上的值。我在网上复制了一个脚本,它可以清除我输入的内容,但我如何在其中包含文本区域 以下是脚本: $("#btnpost").click(function(){ var inp = $("input"); if(inp.val()) { inp.val(''); } }); <input type="email" class="form-control" id="inputEmail3" placeholder="In

我正在尝试放置一个脚本,您可以通过单击按钮清除输入和文本区域上的值。我在网上复制了一个脚本,它可以清除我输入的内容,但我如何在其中包含文本区域

以下是脚本:

$("#btnpost").click(function(){
var inp = $("input");
if(inp.val()) {
   inp.val(''); 
}
}); 

<input type="email" class="form-control" id="inputEmail3" placeholder="Insert Title Here">
<textarea class="form-control " rows="5" placeholder="Insert Content Here"></textarea> 
<button type="button" class="btn btn-primary"  id="btnpost">
$(“#btnpost”)。单击(函数(){
var inp=$(“输入”);
if(inp.val()){
输入值(“”);
}
}); 

Post

你可以这样做。将id
id=“textArea”
分配给
textArea

$(文档).ready(函数(){
$(“#btnpost”)。单击(函数(){
$(“#inputEmail3”).val(“”);
$(“#textArea”).val(“”);
}); 
});


ClearMe
您可以简单地这样做。将id
id=“textArea”
分配给
textArea

$(文档).ready(函数(){
$(“#btnpost”)。单击(函数(){
$(“#inputEmail3”).val(“”);
$(“#textArea”).val(“”);
}); 
});


ClearMe
如果这些元素在我建议使用的表单中


这只是一个偏好,对我来说似乎“更干净”。

如果这些元素在我建议使用的表单中


这只是一种偏好,对我来说似乎更“干净”。

最简单的是:

$("#btnpost").click(function(){
   $("#inputEmail3, #textArea").val("");
});

最简单的方法是:

$("#btnpost").click(function(){
   $("#inputEmail3, #textArea").val("");
});

我建议您使用html重置按钮。您只需要将所有元素包装在表单元素中

<form>
<input type="email" class="form-control" id="inputEmail3" placeholder="Insert Title Here">
<textarea class="form-control " rows="5" placeholder="Insert Content Here"></textarea> 
<button type="reset" value="Reset">Reset</button>
</form>

重置

我建议您使用html重置按钮。您只需要将所有元素包装在表单元素中

<form>
<input type="email" class="form-control" id="inputEmail3" placeholder="Insert Title Here">
<textarea class="form-control " rows="5" placeholder="Insert Content Here"></textarea> 
<button type="reset" value="Reset">Reset</button>
</form>

重置