我正在尝试做两件事:
将 3 个输入平衡为 100
$input1 = $('#input1 ');
$input2 = $('#input2 ');
$input3 = $('#input3 ');
$input1.on('input', function () {
$input2 .val(100 - this.value);
$input3 .val(100 - this.value - $input2.value)
});
$input2
显示良好但不输出到$input3
(NaN)。
我还尝试为 input3 创建回调,但效果不佳。
如何阻止输入显示 0-100 范围之外的数字。
尝试摆脱 jQuery,因为您混淆了 DOM API 和 jQuery API。DOM 是你应该学习的,而不是 jQuery。
let $input1 = document.querySelector('#input1');
let $input2 = document.querySelector('#input2');
let $input3 = document.querySelector('#input3');
$input1.addEventListener('input', function () {
$input2.value = (100 - this.value)/2;
$input3.value = 100 - this.value - $input2.value;
});
<form>
<input id='input1'/><br/>
<input id='input2'/><br/>
<input id='input3'/>
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句