首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在文本输入中划分百分比

在文本输入中划分百分比
EN

Stack Overflow用户
提问于 2013-06-21 01:46:00
回答 2查看 1.3K关注 0票数 3

各位,进展如何,

您认为使用Jquery在不同表单输入之间划分百分比的最佳方式是什么?即。

代码语言:javascript
复制
<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的值,则其余字段应如下所示:

代码语言:javascript
复制
<input type="text" value="25" name="inputTwo" />
<input type="text" value="25" name="inputThree" />
<input type="text" value="25" name="inputFour" />

我们将一如既往地感谢您的帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-21 01:53:12

你可以尝试这种方法..

代码语言:javascript
复制
$('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)  ) ;  
    }
});

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

票数 5
EN

Stack Overflow用户

发布于 2013-06-21 02:01:20

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

代码语言:javascript
复制
$('.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/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17220358

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档