使用 jQuery 进行简单数学 - 除法

Question

我在 div 中有两个输入，我想将其除以另一个。

<div>

<input type="number" id="a"> / <input type="number" id="b">

<input type="submit">

<p class="result">RESULT HERE</p> 

</div>

如何用 jquery 来完成这个数学运算？

Answer 1

这实际上取决于您希望计算何时进行，但数学本身非常简单。只需使用标准的 除法运算符，/：

var num1 = $("input[label='a']").val(),
    num2 = $("input[label='b']").val(),
    result = parseInt(num1, 10) / parseInt(num2, 10);
$(".result").text(result);

我想它也是取决于您是否只想支持整数除法（这就是我使用 parseInt 的原因 - 如果需要，您可以使用 parseFloat）。

另外，正如您问题的评论中所提到的，label 不是有效的属性。更好的选择是使用 id，或者如果您需要使用任意命名的属性，请使用 HTML5 data-* 属性。

根据评论更新

正如您所说，您希望在单击按钮时运行代码，您所需要做的就是绑定到 click 事件：

$("#someButton").click(function() {
    //Do stuff when the button is clicked.
});

Answer 2

您将标记与逻辑混合在一起。您不能将 HTML 元素彼此分开，它们仅用于结构演示。相反，您必须使用 JavaScript 提取它们的值，应用数学计算，并使用结果值更新 HTML。