jquery - jQuery单击以随机化字符串上的数字仅触发一次

Question

我需要在每次点击时随机化字符串的数字部分，因此样本后的 1 应该随机化（sample1）。我关心数据样本部分，但同时显示值以显示相同的点击并没有任何好处。我怀疑这个数字只是以下点击的字符串。

JS 小提琴示例。

HTML：

<input id="input" value="sample1" data-sample="sample1"/>
<button id="button">Randomize</button>

查询：

  var newRandomNumber = (Math.random()*10)+1;
  $("#button").click(function () {
    var value = Math.floor(newRandomNumber);
    $("#input").attr('data-sample', '').attr('data-sample', 'sample' + value).val('sample' + value);
    return false;
  });

非常感谢任何提示。谢谢。

Answer 1

您需要在每次点击时获取一个新的随机数，而不仅仅是在页面加载时，因此将随机变量放在 click 函数中：

$("#button").click(function(e) {
    e-preventDefault();
    var newRandomNumber = (Math.random()*10)+1,
        ran_value = 'sample' + Math.floor(newRandomNumber);
    $("#input").data('sample', ran_value).val(ran_value);
});

Answer 2

在点击事件中移动实际的随机数生成。jsFiddle 示例

  $("#button").click(function () {
    var newRandomNumber = (Math.random() * 10) + 1;
    var value = Math.floor(newRandomNumber);
    $("#input").attr('data-sample', '').attr('data-sample', 'sample' + value).val('sample' + value);
    return false;
  });