jquery - 在文本输入之间划分百分比

Question

大家进展如何，

您认为使用 Jquery 在不同表单输入之间分割百分比的最佳方法是什么？IE。

<input type="text" value="" name="inputOne" />
<input type="text" value="" name="inputTwo" />
<input type="text" value="" name="inputThree" />
<input type="text" value="" name="inputFour" />

这个想法是在每个输入的 keyup 上，从 100% 中减去该值，然后除以并设置为其他字段的值。

因此，最终如果输入 25 作为 Inputone 的值，则其余字段应如下所示:

<input type="text" value="25" name="inputTwo" />
<input type="text" value="25" name="inputThree" />
<input type="text" value="25" name="inputFour" />

一如既往，感谢任何帮助

Answer 1

你可以尝试这个方法..

$('input').on('keyup', function() {
    var val = this.value,
        $allInputs = $('input');
    if(val > 100) {
         $allInputs.val(100/$allInputs.length);   
    }
    else {
         var length 
         $('input').not(this).val( (100-val)/ ($allInputs.length-1)  ) ;  
    }
});

<强> Check Fiddle

不过需要添加一些错误检查