如何在jQuery中分配负值

Question

我在jQuery中有一个复选框，其中有两个选项：提款和存款。选择提款后，我想为金额分配负数。下面的链接显示图像。

Answer 1

您可以通过在select input

上的$(function() { const selectListEle = $('select'); selectListEle.on('input', function(e) { const selectVal = selectListEle.val(); const inputVal = $('input').val(); if (selectVal === 'withdrawal') { if (inputVal) { $('input').val(-inputVal); } } else { if (inputVal) { $('input').val(-inputVal); } } }); });事件来实现

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option>none</option>
  <option>withdrawal</option>
</select>
<input type="number" value="">

$.ajax({
  url: "http://localhost:5984/_session",
  type: "POST",
  data: {
    username: "myUsername",
    password: "myPassword",
  },
  success: function (result) {
    console.log(result);
  },
  error: function (err) {
    console.log(err);
  },
});

Answer 2

在整个DOM中搜索$（'input'）是一个糟糕的主意。

更清洁：

$(function() {

  $('.selectA').on('input', function(e) {
    var selectedVal = $(e.currentTarget).val(),
      $targetInput = $('.inputA'),
      inputVal = $targetInput.val();
    if (selectedVal === 'withdrawal' && inputVal.length) {
      $targetInput.val(['-', inputVal].join(''));
    }
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="selectA">
  <option>none</option>
  <option>withdrawal</option>
</select>
<input class="inputA" type="number" value="">

Answer 3

一个选择是为select赋予option 1值为+ve，为-1赋予-ve，那么您只需多个这两个值在一起。

$("#inp").val() * $("#opt").val()

function calc() {
  $(this).nextAll("#result").text($("#inp").val() * $("#opt").val());
}
$("#inp").on("input", calc);
$("#opt").on("change", calc);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="opt">
  <option value="1">deposit</option>
  <option value="-1">withdrawal</option>
</select>
<input id="inp" type="number" value="" />
<span id='result'></span>