使用jquery隐藏元素时删除输入值

我有一个div元素

<div id=form><form id="formstuff">form input stuff</div></div>

表单输入内容

当用户单击另一个元素时显示/隐藏（或切换）

<div id="close"></div>

如果显示

#表单

，并且用户决定输入值，但突然决定只单击

#关闭

按钮关闭

#表单

元素而不删除值。当用户决定关闭

#表单

或隐藏（）时，如何删除所有输入值

是执行类似

$（this.val（“”）的操作的唯一方法或是否有类似于
.empty（）的内容
但我不想删除样式之类的，只想删除文本。
$（this.val（“”）或

$(this).attr('value','');

$（this.val（“”）或

$(this).attr('value','');

$（选择器）.empty（）用于删除所有子元素以及其中的文本。由于您希望保留样式和元素，因此使用父窗体的子选择器并将每个元素值设置为“”

$（'#form'）.children（）.val（''）

$（'形式'）.children（）.attr（'值'，''）
 $（选择器）.empty（）用于删除所有子元素以及其中的文本。由于您希望保留样式和元素，因此使用父窗体的子选择器并将每个元素值设置为“”

$（'#form'）.children（）.val（''）

$（'形式'）.children（）.attr（'值'，''）
 试试这个：

用户界面：

​

要包含其他输入，只需在jQuery选择器上加一个逗号，执行以下操作：

用户界面：

试试这个：

用户界面：

​

要包含其他输入，只需在jQuery选择器上加一个逗号，执行以下操作：

用户界面：

我的问题是，为什么要删除输入值？为什么不保留它们，以防用户出错或想要回来？如果重做表单是如此困难，你可以提供一个“清除”按钮（但可能应该重做你的UI）@tandu没关系，我没有那么多用户需要输入的信息。我这样做是有目的的。：）我的问题是，为什么要删除输入值？为什么不保留它们，以防用户出错或想要回来？如果重做表单是如此困难，你可以提供一个“清除”按钮（但可能应该重做你的UI）@tandu没关系，我没有那么多用户需要输入的信息。我这样做是有目的的。：）我想这是唯一的办法，嗯？但是由于我有一个提交按钮，我不能做像
$（这个，输入）.val（“”）这样的事情如果我试图删除文本和文件，如何执行多个选择器？我可以做
$（输入[type='text']）
，但是如何组合
type='file'
？感谢您可以指定选择器，如
$（'form input[type=“text”]”）。val（“”）如何添加多个类型？如果我想添加文本和文件？您可以遵循相同的规则
$（'form input[type=“text”]”）。val（“”）$（'form input[type=“input”]”）val（“”）$（这个，输入）.val（“”）这样的事情如果我试图删除文本和文件，如何执行多个选择器？我可以做
$（输入[type='text']）
，但是如何组合
type='file'
？感谢您可以指定选择器，如
$（'form input[type=“text”]”）。val（“”）如何添加多个类型？如果我想添加文本和文件？您可以遵循相同的规则
$（'form input[type=“text”]”）。val（“”）$（'form input[type=“input”]”）val（“”）
$('#test').click(function() {    
    $('input:not([type=button])', '#thisForm').val('');
 });

<form id="thisForm">
    <input type="text" value="HellO">
    <input type="text" value="World">

    <input type="button" value="wow"/>  

    <select id="country">
        <option value="">--Select Country--</option>
        <option value="PH">Philippines</option>
        <option value="CN" selected>China</option>        
        <option value="CA">Canada</option>                
    </select>      

    <br/>
    <input id="drink" type="radio" name="drink" value="Water"> Water<br>
    <input id="drink" type="radio" name="drink" value="Beer"> Beer<br>
    <input id="drink" type="radio" name="drink" value="Wine" checked>Wine<br/>    
</form>

<input type="button" id="test">​

$('#test').click(function() {    
    $('input:not([type=button]),select', '#thisForm').val('');

    // radio button doesn't fit nicely to method val value clearing,
    // have to do this:
    $('input:radio','#thisForm').prop('checked', false);
 });
​