Question

我正在创建一个计算器，只是为了了解有关jQuery和JavaScript的更多信息。我已经为每个数字创建了从0到9的按钮。当单击按钮时，文本框应该具有单击的值。我想创建一个数组，其中包含0到9之间的所有值以及数学符号，即＆＃39;我失败的地方。我试图做的不是复制和粘贴下面的代码，以便能够使我的按钮工作，我想要一个可以立即动态实现它的数组。

这是我的代码的必要部分：

jQuery(document).ready(function () {
        var numbers = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
        jQuery(".numbers").on('click', function () {
            jQuery("#textbox").val(jQuery("#textbox").val() + numbers.valueOf());
        });
    });

请参阅我尝试使用.valueOf()方法，但它获取了所有组件。你能告诉我它是怎么做的吗？我也创建了JSfiddle，所以也许你想仔细看看。

提前致谢。

Answer 1

为什么不试试

jQuery("#textbox").val() + numbers[0])

点击here for demo！

更新了link！

或只是使用
给每个按钮说一个班级名称“按钮”

jQuery(document).ready(function () {
    jQuery(".button").on('click', function () {
        jQuery("#textbox").val(jQuery("#textbox").val() + this.value);
    });
});

Answer 2

被其他人击败，但要尽可能通用，这样你才不会重复代码。

jQuery(document).ready(function () {
    jQuery("input").on('click', function () {
        jQuery("#textbox").val(jQuery("#textbox").val()+this.value);
    });
});

fiddle

Answer 3

为什么不在按钮中添加一个类并使用它？

jQuery(document).ready(function () {
    jQuery(".button").on('click', function () {
        jQuery("#textbox").val(jQuery("#textbox").val() + this.value);
    });
});

<input type="button" class="button" style="width:45px; height:45px;" value="1" id="one" />
<input type="button" class="button" style="width:45px; height:45px;" value="2" id="two" />
<input type="button" class="button" style="width:45px; height:45px;" value="3" id="three" />

Answer 4

当您点击按钮时，按钮具有值，我们将使用parseInt($(e.target).val())选择添加到那里的内容

   jQuery(document).ready(function () {
          var sign = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
          jQuery("#one").on('click', function (e) {
              Query("#textbox").val(jQuery("#textbox").val() + parseInt($(e.target).val()));
          });
    });

使用事件按钮获取值

Answer 5

首先，您应该为所有数字输入添加类。例如

<input type="button" class="number" style="width:45px; height:45px;" value="3" id="three" />

在此之后，您可以轻松地完成所需的工作

$(".number").on('click', function (event) {
        $("#textbox").val($("#textbox").val() + $(event.target).val());
    });

Answer 6

您可以执行以下操作：

div

因此，通过使用 eval（）方法，您将能够评估表示为字符串的JavaScript代码。

Working fiddle

如何从JavaScript

6 个答案: