jquery - Jqueryクリアコンテンツ

Question

次の Jquery コードと、数字 1-2-3-4-5-6 のボタンとクリア ボタンを含む html ページを取得しました。入力した数字をクリアするにはどうすればよいですか。

ID でクリア ボタンを選択しようとしましたが、このコードですべてのボタンを選択しているため、機能しません。

$('input[type="button"]').click(function() {
     var txt = $(this).val();
     $('#textbox').val( $('#textbox').val() + txt ); 
});

Answer 1

クリアボタンにidegclearを付け、テキストフィールドにもidを付けます。txt

$(document).ready(function(){
   $('#clear').bind('click',function(){
       $('#txt').val("");   
   });
});

Answer 2

これを試して、

HTML

 <input type="button" id="btnClear" value="Clear" />

脚本

$('#btnClear').click(function() {
    $('#textbox').val(''); 
});

また、次のようにコードを変更します。

$('input[type="button"]:not(#btnClear)').click(function() {
    var txt = $(this).val();
    $('#textbox').val( $('#textbox').val() + txt ); 
});

Answer 3

クリアボタンにID（一意）を与え、IDセレクターを使用して...そして.val('')クリアします

 $('#clearButtonID').click(function() {
      $('#textbox').val(''); 
  });

残りのボタンに同じクラスの名前を付け、他のボタンにクラスセレクターを使用できます..

 $('.otherButtonsClassName').click(function() {
    var txt = $(this).val();
    $('#textbox').val( $('#textbox').val() + txt ); 
  });

それ以外は使用しないでください..

 $('input[type="button"]').not('#clearButtonID').click(function() {
    var txt = $(this).val();
    $('#textbox').val( $('#textbox').val() + txt ); 
 });