jquery - Jqueryコード、どうすればいいですか?

Question

OK、次のjqueryコードと、1 - 2 -3 - 4の数字とテキストボックスを持ついくつかのボタンを含むhtmlページがあります。

ボタンをクリックすると、その番号がテキストボックスに表示されますが、もう一度クリックするとその番号が削除されます。電話番号のようにするにはどうすればよいので、毎回番号を削除する代わりに 1234 と入力できます.

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

Answer 1

既存の値に新しい値を追加する必要があります。これを試して：

var txt = $(this).val(); // assuming 'this' is the button instance
$('#textbox').val($('#textbox').val() + txt);

Answer 2

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

Answer 3

これを試してください.....

HTML:

<input type="text" id="test">
    <input type="button" id="btn1" value="3">
        <input type="button" id="btn2" value="2">
            <input type="button" id="btn3" value="1">

Jクエリ:

jQuery(function($) {
   $('input[type="button"]').click(function() {
    var txt = $(this).val();
       if($('#test').val().indexOf(txt) >= 0)
       {               
           $('#test').val($('#test').val().replace(txt, ''));
       }
       else
       {
           var displayVal = $('#test').val() + txt;
            $('#test').val(displayVal);
       }
});
});

Answer 4

パフォーマンスを向上させるには、テキスト ボックスの jQuery obj を変数に保持し、jQuery を使用してボタンの値にアクセスしないようにします (jQuery がなくても簡単です)。

var jTextBox = $('#textbox');
...
$('input[type="button"]').click(function(event) {
    jTextBox .val( jTextBox .val() + event.target.value );
    return false;
});

Answer 5

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

  $('#textbox').val(currentValue + pressedValue);   
});