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" />

这个想法是对这些输入中的每一个进行键控，取值——从 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)  ) ;  
    }
});

检查小提琴

虽然需要添加一些错误检查

Answer 2

这是一个基于具有任意数量 div 的类的动态解决方案。

$('.Maths').on('keyup', function() {
    var base = parseInt($(this).val());
    var count = $('.Maths').length;
    var rest = (100 - base) / (count - 1);
    $(this).siblings().val(rest.toString());
});

http://jsfiddle.net/scottbeeson/RMksp/