字段在点击时获得相同的值

Question

我有4个带有课堂杯的文本区域。我希望每次单击数字按钮时，不同的字段都会得到不同的值。

以下是我的代码：

$(".cup").focus(function(){
    var xfield = $(this);
    keypad(xfield);
})

function keypad(xfield)
{
   $(".numbtn").click(function(){
      var number = $(this).text();
      xfield.val(number);
    })
}

Answer 1

试试这个：您可以将已点击的cup字段存储在变量中，当您点击numbtn然后设置其值时，请参阅下面的代码

$(function(){
  var $clickedCup = $(".cup:first"); // variable to store clicked cup, default is first cup
  $(".cup").focus(function(){
      $clickedCup = $(this);
   });

   $(".numbtn").click(function(){
      var number = $(this).text();
      $clickedCup.val(number);//set value of clicked number
    });
});

Answer 2

$(document).ready(function () {
    $(".numbtn").click(function () {
        $('.cup').each(function(){
            var number = Math.floor((Math.random() * 9) + 1);
            $(this).val(number);
        })
    })
});

Answer 3

 $(document).ready(function () {
        var xfield;
        $(".cup").focus(function () {
            xfield = $(this);
        })
        $(".numbtn").click(function () {
            if ($(xfield).length == 0)
                {
                xfield = $(".cup:first");
                }
        $(xfield).val($(this).val());

        })
    });