javascript - 如何使用表单中的值在javascript中增加值

标签 javascript

<html>
<script>
    function remain()
    {
        var k=0;
        var rem=<?php echo $count; ?>;
        var cap=document.getElementById("cap").value;
        var k=k+cap;
        var diff=rem-cap;

        document.getElementById("demo").innerHTML = diff;

    }
</script>
</html>

<html>
<form method="post" action="list.php" target="_blank">
    Enter the capacity:
    <input type="number" name="cap" id="cap"  min=1 max=36 onchange="remain()">
    <input type="submit" id="submit" value="get seating">
</form>
</html>

我的问题是:在 HTML 表单中我将输入容量。当我输入容量时,它将被定向到 javascript,并且必须通过从总计数中减去容量来显示剩余强度(例如:我输入容量为 36,并让计数为 100)。

现在上限从 100 减去 36,将显示剩余的 64。但是当我再次输入上限 36 时,它应该比剩余的 64 少。但这并没有发生。

最佳答案

像这样的??提及容量后单击就座按钮。

var rem = 100

function remain() {
  var k = 0;
  var cap = document.getElementById("cap").value;
  var k = k + cap;
  rem = rem - cap;

  document.getElementById("demo").innerHTML = rem;
}
<form method="post" action="list.php" target="_blank">
  Enter the capacity:
  <input type="number" name="cap" id="cap" min=1 max=36>
  <input onclick="remain()" type="submit" id="submit" value="get seating">
</form>
<div id="demo"></div>

关于javascript - 如何使用表单中的值在javascript中增加值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38995908/

相关文章:

javascript - 将两个 gulpif 合二为一

JavaScript - 子集求和算法的特例

c# - 从下拉 jquery 中选择一个值后回发

javascript - 从 URL 获取动态查询字符串参数 - AngularJS

javascript - 使用Flask和JQuery,如何在 "POST"方式中通过 "sexy"方法删除一条记录?

javascript - Electron - 更新窗口消息

javascript - Jquery添加重复的数组键

c# - 在 MVC 中从 javascript 调用方法

javascript - Jquery datepicker 输入普通文本和日期

javascript - 手动写入后无法使用 javascript 更新 textarea