在 keyup 上如果值大于 X 做某事

Question

我有两个问题，使用下面的代码：

<h2>Daily KW usage</h2>
<p>Multiply daily usage by 91, divide 91 and divide 5</p>
<input name="box11" type="text" /><br />
<input name="box21" type="hidden" value="91" />
<input name="box31" type="hidden" value="5" /><br />
<input name="box41" class="box41" type="text" />

<div class="" id="showSearchDiv" style="display:none;margin-top:10px;height:450px;background-color:red;"></div>

$('input[name="box11"]').keyup(function() {
    var box11 = $('input[name="box11"]').val();
    var box21 = $('input[name="box21"]').val();
    var box31 = $('input[name="box31"]').val();
    $('input[name="box41"]').val(box11 * box21 / box21 / box31);
});

首先，计算完成后，在像现在这样将答案输入box41之前，如何truncate/round-down将数值精确到小数点后两位？

其次，当计算值并将其放入 box41 时，我正在尝试计算如果该值大于 10 如何显示#showSearchDiv？

我了解 show/hide 等的基础知识，但似乎无法弄清楚如何将其与 keyup 结合到一个操作中。

任何帮助或指点将不胜感激。

Answer 1

只是在同一个方法中添加了几个条件。这就是你的答案。

$('input[name="box11"]').keyup(function() {
    var box11 = $('input[name="box11"]').val();
    var box21 = $('input[name="box21"]').val();
    var box31 = $('input[name="box31"]').val();
    var result = box11 * box21 / box21 / box31;
    result = result.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0];
    
    if(result > 10){
      $('#showSearchDiv').show();
    } else {
      $('#showSearchDiv').hide();
    }
    $('input[name="box41"]').val(result);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Daily KW usage</h2>
<p>Multiply daily usage by 91, divide 91 and divide 5</p>
<input name="box11" type="text" /><br />
<input name="box21" type="hidden" value="91" />
<input name="box31" type="hidden" value="5" /><br />
<input name="box41" class="box41" type="text" />

<div class="" id="showSearchDiv" style="display:none;margin-top:10px;height:450px;background-color:red;"></div>

在 keyup 上如果值大于 X 做某事

On keyup if value greater than X do something

jquery

keyup

calculation