Question

我正在尝试放置一个脚本，您可以通过单击按钮清除输入和文本区域的值。我在网上复制了一个脚本，可以清除我的输入，但是如何在其上添加textareas呢？

这是脚本：

$("#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">

发布

Answer 1

$(document).ready(function(){
$("#btnpost").click(function(){
   $('input ,textarea').each(function(){
   if($(this).val() !=""){
    $(this).val() = "";
  }
});
}); 
});

Answer 2

你可以这样做。将ID id="textArea"分配给textarea

＆＃13;

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

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="email" class="form-control" id="inputEmail3" placeholder="Insert Title Here">
<textarea id="textArea" class="form-control " rows="5" placeholder="Insert Content Here"></textarea>
<button type="button" class="btn btn-primary" id="btnpost">ClearMe</button>

＆＃13;

Fiddle

Answer 3

如果这些元素在表单中，我建议使用.reset()

$("#btnpost").on('click', function() {
    $(this).closest('form').reset();
});

只是偏好，似乎更清洁＆＃39;对我来说。

Answer 4

最简单的就是这个：

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

Answer 5

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

<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>

link

使用按钮清除textareas和输入值

5 个答案: