如何清除html中的文本框

时间:2014-08-07 10:59:21

标签: javascript jquery html

我只想清除文本框中的html表单。我做了它并且清楚了但是我再次写了一些东西,它被我的函数视为空的。怎么办?  我是这样做的;

$('#clear').click(function(){
    document.getElementById("v1").value="";
    document.getElementById("v2").value="";
    document.getElementById("v3").value="";
    document.getElementById("v4").value="";
});

5 个答案:

答案 0 :(得分:3)

使用jQuery val() 方法设置值。

$('#clear').click(function(){
     $('#v1, #v2, #v3, #v4').val(''):
});

如果您的输入元素位于表单内,您还可以使用reset()函数 重置所有表单元素。

<form id="myForm">
  // your form elements
</form>

$('#clear').click(function(){
     $('#myForm').reset():
});

答案 1 :(得分:1)

试试这个:

$('#clear').click(function(){
    $("#v1,#v2,#v3,#v4").val("");
});

答案 2 :(得分:1)

$('#clear').click(function(){
 $('#v1, #v2, #v3, #v4').val('');   
});

答案 3 :(得分:1)

如果您的所有输入都包含在表单中,您也可以在该表单上调用.reset()

答案 4 :(得分:0)

如果您使用的是JQuery:

$("#v1").val('');