Question

我使用javascript创建了一个数字小键盘。在每个按钮上单击我已完成以下操作： - 按钮是： -

<input type="button" value="2" class="num-key" onclick="insertvalue(this.value)">
<input type="button" value="3" class="num-key" onclick="insertvalue(this.value)">
<input type="button" value="4" class="num-key" onclick="insertvalue(this.value)">

方法是： -

function insertvalue(value)
{   
document.getElementById('number').value=document.getElementById('number').value + value;
}

它正在运作，但它会变慢。如果我将使用jquery这样做，它可能会很快。但我使用jquery

完成了这个

$( ".num-key" ).click(function() {
$(".num-text").val($(this).val());
});

但它不起作用请告诉我如何做到这一点。

Answer 1

试试这个

$( ".num-key" ).on('click',function() {
      $(".num-text").val(($('.num-text').val()) + (this.value));
});

DEMO

Answer 2

将您的代码更改为

$(".num-key").click(function() {
    var inc = $(".num-text").val();      
    $(".num-text").val($(this).val() + inc);
});

Answer 3

如果要将其用作键盘，则应保留文本输入的先前值：

$(".num-key").click(function() {
    $(".num-text").val($(".num-text").val() + $(this).val());
});

这是链接： Demo

Answer 4

一种非常简单的方法是使用：（jsFiddle）

$(".num-key").click(function () {
    var currentValue = $(".num-text").val();
    $(".num-text").val(currentValue + $(this).val());
});

Answer 5

试试这个完整的键盘演示：http://jsfiddle.net/devmgs/XGuVZ/

$( ".num-key" ).click(function() {
    if($(this).val()=="D")
         $(".num-text").val($(".num-text").val().substring(0, $(".num-text").val().length - 1)); 
    else if($(this).val()=="C")
         $(".num-text").val("");
    else
          $(".num-text").val($(".num-text").val()+$(this).val());
});

使用jquery创建触摸屏移动键盘

5 个答案: