用for优化js代码

for (var i = 1, target = document.getElementById('f' + i + 'x'); target; document.getElementById('fxx').value += target.value, i++, target = document.getElementById('f' + i + 'x'));
便于阅读：
var i = 1;
var target = document.getElementById('f' + i + 'x');
for (; target; ) {
document.getElementById('fxx').value += target.value;
i++;
target = document.getElementById('f' + i + 'x');
}

用 while 优化：
var i = 1
while (document.getElementById('f' + i + 'x')) {
document.getElementById('fxx').value += document.getElementById('f' + i + 'x').value
i++
}

从动态生成时优化：
将 id 改为相同 class
例： <input class="fxx-child" value="...">
[].forEach.call(document.getElementsByClassName('fxx-child'), function(el){
document.getElementById('fxx').value += el.value;
})

基于相同 class 使用 jquery:
$('.fxx-child').each(function(el) {
$('#fxx')[0].value += el.value;
})