输入的javascript分布

埃雷兹特

我正在尝试做两件事:

  1. 将 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 创建回调,但效果不佳。

  2. 如何阻止输入显示 0-100 范围之外的数字。

这是一个 JSF

每分钟

尝试摆脱 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章