Question

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 价格文本框值增加，但折扣值不会更改。运行第二个脚本，但文本框值不会更改。

Answer 1

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

<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>

Answer 2

您还没有写任何内容来更改折扣文本框的值。

你可以这样做：

$('.qtyplus').click(function (e) {
     e.preventDefault();
            qty = $('.qty').val();
            discount = $('#rs').val();

            var currentQtyVal = parseInt(qty);
            if (!isNaN(currentQtyVal)) {
                $('input[name=quantity]').val(currentQtyVal + 1000);
            } else {
                $('input[name=quantity]').val(1000);
            }

            var currentDiscountVal = parseInt(discount);
             if (!isNaN(currentDiscountVal)) {
                $('input[name=rs]').val(currentDiscountVal + 50);
            } else {
                $('input[name=rs]').val(50);
            }
        });

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

2 个答案: