单击按钮时如何增加两个文本框的值？

debugcn 发表于 Dev

南迪

jQuery(document).ready(function() {
  // This button will increment the value
  $('.qtyplus').click(function(e) {
    e.preventDefault();
    fieldName = $(this).attr('field');
    //alert(fieldName);
    var currentVal = parseInt($('input[name=' + fieldName + ']').val());
    if (!isNaN(currentVal)) {
      $('input[name=' + fieldName + ']').val(currentVal + 1000);
    } else {
      $('input[name=' + fieldName + ']').val(1000);
    }
  });
});

function buttonClick() {
  //alert("hi");
  var n = document.getElementById('rs').value;
  alert(n);
  var i = 50;
  if (i == 50) {
    alert(i);
    var n = +n + +i;
    alert(n);
  }
}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<h3> Calculator</h3>
<table style="width: 30%;">
  <form name="calc" action="" method="post">
    <tr>
    </tr>
    <tr>
      <td>quantity:</td>
      <td><input type="text" name="value1" /></td>
    </tr>
    <tr>
      <td>price:</td>
      <td>
        <input type='text' name='quantity' value='2000' class='qty' />
        <input type='button' value='+' class='qtyplus' field='quantity' onclick="buttonClick()" />
      </td>
    </tr>
    <tr>
      <td>discount:</td>
      <td><input type='text' name='rs' value='500' field='rs' id='rs' class='counter' onclick="buttonClick()" /></td>
    </tr>
    <tr>
    </tr>
  </form>
</table>

在上面的 HTML 代码中，当单击按钮时，我必须增加两个文本框的值

例如，单击一个按钮，价格文本框值为 3000，折扣文本框值为 550 价格文本框值递增，但折扣值不会更改。运行第二个脚本，但文本框值未更改。

光之记忆

您只是忘记更改折扣输入的值。

<script type="text/javascript">//second script
    function buttonClick() {
        //alert("hi");
        var n = document.getElementById('rs').value;
        alert(n);
        var i = 50;
        if (i == 50) {
            alert(i);
            var n = +n + +i;
            alert(n);
            $("#rs").val(n) // add this line
        }
    }
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。