javascript - 使用 javascript 或 PHP 根据输入自动减去数字,无需单击按钮

标签 javascript php html

我有超过 2 个输入,只能接受数字,并且顶部有一个显示的数字。如何仅通过更改任何输入框中的值来减去我输入的数字?请帮忙。

 <p id='Answer'> 100 </p>
 <input type='number' max='10' min='0' name='num1'>
 <input type='number' max='5' min='0' name='num2'>

最佳答案

试试这个代码。效果很酷。

<p id='Answer'> 100 </p>
<input type='number' max='10' min='0' id='num1' value="0">
<input type='number' max='5' min='0'  id='num2' value="0">

<script>

    $("#num2").keyup(function(){
        $("#answer").html('');
        var n1 = $("#num1").val();
        var n2 = $("#num2").val();
        var ans = n1 - n2;
        $("#answer").html(ans);
    }); 
    $("#num1").keyup(function(){
        $("#answer").html('');
        var n1 = $("#num1").val();
        var n2 = $("#num2").val();
        var ans = n1 - n2;
        $("#answer").html(ans);
    });
</script>

请检查这个http://jsfiddle.net/P7FNs/2/

关于javascript - 使用 javascript 或 PHP 根据输入自动减去数字,无需单击按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24029363/

相关文章:

PHP 计数数组列

html - 父级中的最后一个元素 - margin 没有生效?

javascript - 基于条件语句的背景不透明度变化不适用于移动设备

javascript - 如何使用 jQuery 将 2 个 td 合并到一个 td 中?

javascript - Angular 2下拉列表默认值

php - 在 PostgresQL 上保存之前压缩字符串是否有值(value)?

php - 从我的 $_POST 获取同一行中的另一个值

javascript - 如何将线性渐变应用于 css 中的元素?

html - 合并两个 HTML 表格单元格

javascript - 为什么这个 Accordion 开关不起作用?