html - クリアまたはリセット ボタン

Question

フォームと機能するリセットボタンがあります。ボタンをクリックすると、すべての入力とテキスト領域ボックスがクリアされます。テキストエリアボックス内にあるものではなく、一部の入力のみをクリアするクリア/リセットボタンを作成する方法があるかどうか疑問に思っていました。

Answer 1

これがjsfiddleソリューションです。

<form>
    <input type="text" class="clearit" /><br />
    <input type="text" class="clearit" /><br />
    <input type="text" class="clearit" /><br />
    <textarea id="t5"></textarea><br />
    <input type="reset" id="reset" />
</form>


$(document).ready(function(){ 
    $('#reset').on('click',function(e){
        e.preventDefault();
        $('.clearit').val("");
    });

});

Answer 2

リンクを見る

http://www.javascript-coder.com/javascript-form/javascript-reset-form.phtml

基本的に、リセットボタンから form.reset() を呼び出すのではなく、必要なフィールドをクリアして残りをそのままにしておく外部関数を呼び出します。

それがあなたの問題を解決することを願っています!

Answer 3

すべての入力要素をクラスに割り当て、入力を想定し、さまざまな ID でテキスト領域の ID を text_area と想定します。

<input type  = "textarea " id = "textarea ">

今jqueryで

$(function(){
   $('.inputs').each(function()
   {
        var id = $(this).attr('id');
         if(id == 'textarea '){

         }else{
           $(this).attr('value',"");
         }
   });
})

終わり！

Answer 4

jqueryを使用すると、ボタンのクリックでクリアしたいフィールドにクラスを与え、ボタンにIDを与えるのに役立ちます

    $('#id_of_button').click(function(){
    $('.input_field_class').val("");
     });