javascript - 使用 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

这实际上取决于您希望计算何时进行，但数学本身非常简单。只需使用标准 division operator ，/:

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-*属性。

根据评论更新

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

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