有没有一些简单的方法来计算div中填充输入的百分比?
它必须在Javascript中,而不是jQuery。
这是我的HTML代码
<div class="content-menu">
<ul>
<li id="tab1"><a id="a1">General</br><p> x % FILLED </p></a></li>
<li id="tab2"><a id="a2">Contact info</br><p> x % FILLED </p></a></li>
</ul>
</div>
<div id="tabs-1">
<input type="text" name="first_name" />
<input type="text" name="last_name" />
</div>
....
所以基本上,如果我只输入名字,这是输入的1/2,它应该在li元素中回显50%。
每个选项卡将有不同数量的输入和自己的填充百分比。
只使用Javascript可以吗?
任何帮助将不胜感激,谢谢。
3条答案
按热度按时间fcg9iug31#
最初,您可以获取
div
中的所有输入字段。你可以看到他们有多少人。之后你可以计算出有多少个值。使用这两个数字,你可以得到你想要的。ehxuflar2#
这里有一个即时更新的百分比小提琴:http://jsfiddle.net/39xdvo96/1/
简体中文
xfb7svmp3#
@Michelangelo回答有一些小问题。缺少i变量的声明,并且百分比计算不正确。这里有一个解决方案。