將值附加到 JQuery 腳本中的輸入字段

Question

我正在嘗試為孩子創建一個簡單的數學測驗應用程序，屏幕上的數字鍵將附加到答案的輸入字段。 我想使用鏈接到類的 jQuery 事件偵聽器，因此我不必為每個數字調用 onClick 函數。 我在其他地方發現了這個問題，但我無法發表評論以進一步詢問我遇到的問題，因為我剛剛加入了 stackoverflow 並且它表明我的聲譽不夠高。

鏈接到其他問題： 將值附加到 JQuery 中的輸入字段

當我嘗試追加時，當我嘗試單擊我的按鈕時得到一個 undefined 並且我看不到我的代碼中的錯誤在哪里。 任何幫助將不勝感激。

我的jQuery：

$(".userIn").click(function() {
  var usrIn = $(this).data('usrIn');
  $("#answer").val(function() {
    return this.value + usrIn;
  });
});

我的按鈕示例：

<button type="button" class="btn btn-primary btn-block userIn" data-number="0" id="zero">0</button>

這是帶有我所有鏈接樣式表和外部 js 的JSfiddle 。

Answer 1

更改var usrIn = $(this).data('usrIn'); 到var usrIn = $(this).attr('data-number');

小提琴： https : //jsfiddle.net/969r1gp0/4/

Answer 2

你的數據屬性被稱為data-number ，而不是data-userin ，所以你應該寫：

var usrIn = $(this).data('number')

但是由於按鈕的文本確實是您想要添加的內容，因此您可以不使用數據屬性，只需執行以下操作：

var usrIn = $(this).text();

Answer 3

試試這兩個，它的工作

document.getElementById("input_id").value = you_value;
document.getElementById("input_id").textContent = you_value;