我有某种计算器,我需要将 .num-pad_number.html()
插入我的输入中。这是正确的方法吗:
$("#num-pad").on("click", ".num-pad_number", function (event) {
$("#calc-input").val($("#calc-input").val() + $(this).html());
});
或者这可能是更方便和正确的方法?因为我对该解决方案有一些错误。使用 websockets 进行一些操作后,“计算器”开始复制每个数字,例如我需要“5”,但它插入“55”。
最佳答案
稍作修改。使用 .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>
关于javascript - 将按钮值插入我的输入的正确方法(jQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44959865/