javascript - 我该如何总结值并使用jquery自动显示它们

Closed. This question needs to be more focused。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？更新问题，使其仅通过editing this post专注于一个问题。
                
                    4年前关闭。
            
        

    

<?php
@$mg = $_POST['mg'];
@$pp = $_POST['pp'];
@$wu = $_POST['wu'];
@$a = $_POST['bc'];
@$b = 200;
@$c = 199;
@$d = 250;
@$e = 198;



if(isset($_POST['add'])) {
    @$sum = $a * $b;
    @$summ = $mg * $c;
    @$sump = $pp * $d;
    @$sumu = $wu * $e;
}

?>

<form method="POST">
      <table class="table">
        <thead>
          <tr>
            <th>Currency</th>
            <th>$</th>
            <th>N</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <label for="name">Bitcoin:</label>
            </td>
            <td>
              <input type="text" id="name" name="bc" placeholder="Enter Amount">
            </td>
            <td>
              <input type="text" value="<?php echo @$sum ?>" id="name">
            </td>

          </tr>
          <tr>
            <td>
              <label for="name">Western Union:</label>
            </td>
            <td>
              <input type="text" name="wu" id="name" placeholder="Enter Amount">
            </td>
            <td>
              <input type="text" value="<?php echo @$sumu ?>" id="name" placeholder="">
            </td>
          </tr>
          <tr>
            <td>
              <label for="name">Pay pal:</label>
            </td>
            <td>
              <input type="text" name="pp" id="name" placeholder="Enter Amount">
            </td>
            <td>
              <input type="text" value="<?php echo @$sump ?>" id="name" placeholder="">
            </td>
          </tr>
          <tr>
            <td>
              <label for="name">Money Gram:</label>
            </td>
            <td>
              <input type="text" id="name" placeholder="Enter Amount">
            </td>
            <td>
              <input type="text" value="<?php echo @$summ ?>" id="name" placeholder="">
            </td>
          </tr>
        </tbody>
      </table>
    </form>

我在我的网站上开发了一个简单的计算器应用程序，其中有两个输入字段，您喜欢输入一个值并将其乘以200，另一个输入字段应是输出结果的位置。但是，我正在寻找一种更好的方法来动态化它，就像输入值一样，一旦鼠标离开输入字段，它就会带出答案，而不是为此创建一个提交按钮。请任何想法如何去不胜感激。

最佳答案

这是工作示例：http://jsfiddle.net/e8e5y3of/

首先，您应该理解id应该包含唯一值。这意味着，如果您声明一次，则以后不要重复它。

我已通过为每个输入标签分配单独的id来更正您的代码。

HTML代码：

<form method="POST">
    <table class="table">
        <thead>
            <tr>
                <th>Currency</th>
                <th>$</th>
                <th>N</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <label for="name">Bitcoin:</label>
                </td>
                <td>
                    <input type="text" id="nameb" name="bc" placeholder="Enter Amount">
                </td>
                <td>
                    <input type="text" value="" id="namebitcoin">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="name">Western Union:</label>
                </td>
                <td>
                    <input type="text" name="wu" id="namew" placeholder="Enter Amount">
                </td>
                <td>
                    <input type="text" value="" id="namewesternunion" placeholder="">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="name">Pay pal:</label>
                </td>
                <td>
                    <input type="text" name="pp" id="namep" placeholder="Enter Amount">
                </td>
                <td>
                    <input type="text" value="" id="namepaypal" placeholder="">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="name">Money Gram:</label>
                </td>
                <td>
                    <input type="text" id="namem" placeholder="Enter Amount">
                </td>
                <td>
                    <input type="text" value="" id="namemoneygram" placeholder="">
                </td>
            </tr>
        </tbody>
    </table>
</form>

对于监听事件，请使用keyup功能。

JS代码：

$( "#nameb" ).keyup(function() {
  var bitcoinvalue = $( "#nameb" ).val() * 200;
    $("#namebitcoin").val(bitcoinvalue);
});

$( "#namew" ).keyup(function() {
  var bitcoinvalue = $( "#namew" ).val() * 200;
    $("#namewesternunion").val(bitcoinvalue);
});

$( "#namep" ).keyup(function() {
  var bitcoinvalue = $( "#namep" ).val() * 200;
    $("#namepaypal").val(bitcoinvalue);
});

$( "#namem" ).keyup(function() {
  var bitcoinvalue = $( "#namem" ).val() * 200;
    $("#namemoneygram").val(bitcoinvalue);
});

它监听输入并乘以200。您可以根据需要进行更改。

WORKING FIDDLE DEMO

关于javascript - 我该如何总结值并使用jquery自动显示它们，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32924606/