将按钮值插入我的输入(jQuery)的正确方法

时间:2017-07-06 22:30:26

标签: javascript jquery

我有一些计算器,我需要在输入中插入.num-pad_number.html()。这是正确的方法:

$("#num-pad").on("click", ".num-pad_number", function (event) {
    $("#calc-input").val($("#calc-input").val() + $(this).html());
});

或者它可能更方便和正确的方式?我有一些关于该解决方案的错误。在使用websockets进行一些操作后,"计算器"开始复制每个数字,例如我需要" 5"但它插入" 55"。

1 个答案:

答案 0 :(得分:1)

略有修改。使用.text()代替.html()。更短的事件功能。下面的工作示例:

$('#num_pad .num-pad_number').click(function() {
  $("#calc-input").val($("#calc-input").val() + $(this).text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="calc-input" type="text"/>

<div id="num_pad">
  <button class="num-pad_number">1</button>
  <button class="num-pad_number">2</button>
  <button class="num-pad_number">3</button>
  <button class="num-pad_number">4</button>
  <button class="num-pad_number">5</button>
  <button class="num-pad_number">6</button>
  <button class="num-pad_number">7</button>
  <button class="num-pad_number">8</button>
  <button class="num-pad_number">9</button>
</div>