在文本输入中除以百分比

时间:2013-06-20 17:46:00

标签: jquery

怎么回事,

您认为使用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" />

与往常一样,任何帮助都表示赞赏

2 个答案:

答案 0 :(得分:4)

你可以尝试这种方法..

$('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

需要通过

添加一些错误检查

答案 1 :(得分:0)

这是一个基于具有任意数量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/