Question

我想通过jquery为输入进行简单的计算

如果我在第一个和第二个输入中写入一些值，它应该显示在第四个如果我写第一，第二，第三并从第三个删除值（例如）我希望它清除第二个（因为它们是为了相同的目的）我试过的所有代码都在下面的链接中，任何帮助都非常适用：）

＆＃13;

$('#first, #second, #third, #fourth, #fifth').on('input', function() {
  var first = parseInt($('#first').val());
  var second = parseFloat($('#second').val());
  var third = parseInt($('#third').val());
  var fourth = parseFloat($('#fourth').val());
  var fifth = parseFloat($('#fifth').val());
});

function calc() {
  if (first.length > 0 && second.length > 0) {
    $('#third').val((first + second ? first + second : 0).toFixed(2));
  }
  if (second.length > 0 && third.length > 0) {
    $('#fourth').val((second + third ? second + third : 0).toFixed(2));
  }
  if (second.length > 0 && third.length > 0) {
    second.val('');
    third.val('');
  }

}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>
    <input type='text' name='first' id='first' value='' />
  </li>
  <li>
    <input type='text' name='second' id='second' value='' />
  </li>
  <li>
    <input type='text' name='third' id='third' value='' />
  </li>
  <li>
    <input type='text' name='fourth' id='fourth' value='' />
  </li>
  <li>
    <input type='text' name='fifth' id='fifth' value='' />
  </li>
</ul>

＆＃13;

jsfiddle

Answer 1

<ul>
<li>
    <input type='text' name='first' id='first' value='' />
</li>
<li>
  <input type='text' name='second' id='second' value='' />
</li>
<li>
  <input type='text' name='third' id='third' value='' />
</li>
<li>
  <input type='text' name='fourth' id='fourth' value='' />
</li>
<li>
  <input type='text' name='fifth' id='fifth' value='' />
</li>
<li>
  <input type='button' name='sixth' id='sixth' value='Calculate' />
</li>
</ul>

此jquery将通过单击按钮来计算字段。

 $('#sixth').click( function() {
        var number = Number($('#first').val()) + Number($('#second').val()) +  Number($('#third').val())
        $('#fourth').val(number);

});

希望这能让您更接近您的需求。

用于密钥的jquery计算

1 个答案: