jquery - jqueryを使用して要素が非表示になっているときに入力値を削除する

Question

div要素があります

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

ユーザーが別の要素をクリックしたときに表示/非表示 (またはトグル) する

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

が表示され、ユーザーが値を入力することにしましたが、値を削除せずに要素を閉じるために#form突然ボタンをクリックすることにしました。ユーザーが closeまたは hide()を選択した場合、すべての入力値をどのように削除しますか?#close#form#form

次のようなことを行う唯一の方法はありますか、$(this).val('');または次のようなものがあります.empty();が、スタイルなどを削除したくありません。テキストだけです。

Answer 1

これを試してください：http://jsfiddle.net/96FJp/

UI:

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

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

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

jQuery:

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

<hr/> 他の入力を含めるには、jQuery セレクターにカンマを置き、次のようにします: http://jsfiddle.net/dpRJy/1/

UI:

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

jQuery:

$('#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);
 });
​

Answer 2

$(selector).empty() は、すべての子要素とその中のテキストを削除するために使用されます。スタイルを保持したいので、要素は親フォームに子セレクターを使用し、各要素の値を '' に設定します。

$('#form').children().val('');

$('#form').children().attr('value','');

Answer 3

$(this).val('');また

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