我怎样才能以与更改另一个输入字段相同的数量更改一个输入字段

How can I change one input field in the same amount I change another input field?

本文关键字：字段 输入 一个 另一个      更新时间：2023-09-26

如果我更改b的值，那么我希望更改相同数量的a。

这意味着：

如果a是 300，b是 500，那么如果我a更改为 400，那么b应该是 600。如果我将a更改为 200，那么b应该是 400。

很简单，但我不知道该怎么做。

$(".a").change(function(){		
$(".b").val($(".b").val() +- val($(".a"));	
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" class="a" step="100" value="100">
<input type="number" class="b" value="500">

试试这个，使用 field 来保存旧值：

<input type="text" type="number" class="a" step="100" value="100">
<input type="text" type="number" class="b" value="500">
<input type="hidden"  id="storeValue" value="100"/>
<script>
  $(".a").change(function(){        
    var oldValue=parseInt(jQuery("#storeValue").val());
    $(".b").val(parseInt($(".b").val()) + (parseInt($(".a").val())-oldValue));  
    jQuery("#storeValue").val($(".a").val());
  });
</script>

试试这个

   $(".a").change(function(){
    
    	var diff = ($('.a').val())-($('.ah').val());
    	var newval1 = Number($(".b").val())+Number(diff); 
    	$(".b").val(newval1);
    	$('.ah').val($('.a').val());	
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" class="a" step="100" value="100">
    <input type='hidden' class="ah" step="100" value="100">
    <input  type="number" class="b" value="500">

如果你把问题从jQuery上移开，试试这样的事情：

var a = 200;
var b = 400;
var difference = 0;
function changeA(newValue) {
    difference = a - newValue;
    a = newValue;
    b -= difference
}
changeA(300);
console.log(a);
console.log(b);

更新：已损坏，已修复。在控制台中运行它。这不是对代码的jQuery版本的修复，而是突出显示问题的简单版本，以便您可以成长为开发人员。

相关文章：