使用javascript检查输入数字是否大于某个值

Question

我正在尝试在页面中进行一些计算，但是它不起作用，我尝试了以下代码，有人可以告诉我正确的答案吗？

例如，当我输入一个数字时，它会进行其中一项计算。

<table><tr><td>
<input name="per_pax" size="2" style="border-style:none" type="text" id="per_pax" value="">
</td><td>
<input name="sum_tlcost" type="hidden" id="sum_tlcost" value="<?php echo $tl_cost;?>">
<input name="sum_htl_pp" type="hidden" id="sum_htl_pp" value="<?php echo $sum_htl_pp;?>">
<input name="sum_coach" type="hidden" id="sum_coach" value="<?php echo $sum_coach;?>"> 
<input name="pax" size="5" readonly="readonly" type="text" id="pax" value="">
</td></tr></table>
<script>
$(document).ready(function () {
var total = Number($("#per_pax").val());
if(total >= 20) {
$("#sum_tlcost,#sum_htl_pp,#sum_coach,#per_pax").keyup(function () {
if (parseInt($("#per_pax").val()) >= 20) {
$("#pax").val(Math.round(Number($("#sum_htl_pp").val()) + Number($("#sum_tlcost").val()) / Number($("#per_pax").val()) + Number($("#sum_coach").val()) / Number($("#per_pax").val()));
)}else{
$("#pax").val(Math.round(Number($("#sum_htl_pp").val()) + Number($("#sum_tlcost").val()) + Number($("#sum_coach").val())))
}
})}})
</script>

Answer 1

我不太喜欢 jquery keyup 调用......所以这里有一个 sn-p，它应该使用普通的 DOM 事件调用来调用你的函数。输入事件在键入时触发。这应该类似于您尝试对按键执行的操作...我还清理了函数本身，使其更易于演示。

function onInputChange() {
  var perPax = parseInt($("#per_pax").val());
  var tlCost = Number($("#sum_tlcost").val());
  var htlPP = Number($("#sum_htl_pp").val());
  var coach = Number($("#sum_coach").val());
  var newValue = 0;
  if (perPax < 20) {
    newValue = (htlPP + tlCost) / (perPax + (coach / perPax));
  } else {
    newValue = htlPP + tlCost + coach;
  }
  $("#pax").val(Math.round(newValue))
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <input name="per_pax" size="2" style="border-style:none" type="text" id="per_pax" value="" oninput="onInputChange()">
    </td>
    <td>
      <input name="sum_tlcost" type="hidden" id="sum_tlcost" value="<?php echo $tl_cost;?>">
      <input name="sum_htl_pp" type="hidden" id="sum_htl_pp" value="<?php echo $sum_htl_pp;?>">
      <input name="sum_coach" type="hidden" id="sum_coach" value="<?php echo $sum_coach;?>">
      <input name="pax" size="5" readonly="readonly" type="text" id="pax" value="">
    </td>
  </tr>
</table>