自动减去数字没有按钮点击基于输入使用javascript或PHP

Automatic subtract number without button click based on input using javascript or PHP

本文关键字：输入 PHP javascript 于输入 数字 按钮      更新时间：2023-09-26

我有超过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/

好的，你的问题有点模棱两可。无论如何，我假设您需要以下内容。您希望num1从num2中自动减去，并显示在id='Answer'中。

下面是jQuery中的代码:

$(".sub").focusout(function() {
  $("#answer").html('');
  var num1 = $("#num1").val();
  var num2 = $("#num2").val();
  var answer = num1 - num2;
  $("#answer").html(answer);
});

你可以在这里查看演示

如果您希望两个输入字段都从100中减去。代码如下:

$(".sub").focusout(function() {
$("#answer").html('');
var num1 = $("#num1").val();
var num2 = $("#num2").val();
var answer = 100 - num1 - num2;
$("#answer").html(answer);
});

下面是demo

的链接

根据你在上一个评论中的问题。从这里下载jquery。现在将下载的脚本包含在标题中。或者直接使用下面的代码:

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

在你包含jquery之后，你需要使用你的。focusout代码，如下所述

<script type="text/javascript">
$(document).ready(function() {
   $(".sub").focusout(function() {
     $("#answer").html('');
     var num1 = $("#num1").val();
     var num2 = $("#num2").val();
     var answer = 100 - num1 - num2;
     $("#answer").html(answer);
    });
});
</script>


<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>
    var input1_ = document.getElementById('num1');
    var input2_ = document.getElementById('num2');
    var answer = document.getElementById('Answer');
    function sub(){
        answer.innerHTML = (parseInt(input1_.value) - parseInt(input2_.value));
    }
    document.getElementById('num1').onkeyup = function () {
        sub();
    };
    document.getElementById('num2').onkeyup = function () {
        sub();
    };
</script>

相关文章：