Javascript 在onchange输入中调用2个函数
希望这是我的最后一个问题,但问题来了 我有一个HTML脚本:Javascript 在onchange输入中调用2个函数,javascript,Javascript,希望这是我的最后一个问题,但问题来了 我有一个HTML脚本: <input type="text" name="copy1" id="copy1" size="4" maxlength="10" onchange="calc1(this.value)"> <input type="text" name="copycosts" id="copycosts" size="4" VALUE=""> <input name="copy2" type="text" id="
<input type="text" name="copy1" id="copy1" size="4" maxlength="10" onchange="calc1(this.value)">
<input type="text" name="copycosts" id="copycosts" size="4" VALUE="">
<input name="copy2" type="text" id="copy2" size="4" maxlength="10" onchange="calc2(this.value)">
我做错了什么
再次感谢HTML:
<input type="text" class="numInput" id="copy1" maxlength="10" />
<input type="text" class="numInput" id="copy2" maxlength="10" />
<input type="text" class="numInput" id="search" maxlength="10" />
<input type="text" class="numInput" id="nara" maxlength="10" />
Sum:
<input type="text" class="numOutput" id="sum" readonly="true" />
注意:本例使用的现代JavaScript技术可能与传统浏览器不兼容您得到的是什么342093845249572483'?不,我没有在总和框中得到任何总和任何总和?imsiso意味着您可能希望在添加之前首先解析它们,因为这些值是string,求和框是什么?div标签还是input标签?现在是input标签
<input type="text" class="numInput" id="copy1" maxlength="10" />
<input type="text" class="numInput" id="copy2" maxlength="10" />
<input type="text" class="numInput" id="search" maxlength="10" />
<input type="text" class="numInput" id="nara" maxlength="10" />
Sum:
<input type="text" class="numOutput" id="sum" readonly="true" />
var load = function () {
'use strict';
var inElems = document.getElementsByClassName('numInput'),
sum = document.getElementById('sum'),
i;
var add = function () {
var i, result = 0;
for (i = 0; i < inElems.length; i++) {
result += +(inElems.item(i).value);
}
sum.value = result;
};
for (i = 0; i < inElems.length; i++) {
inElems.item(i).addEventListener('input', add, false);
}
}
(function () {
document.addEventListener('load', load, false);
})();
.numInput {
width: 60px;
}
.numOutput {
width: 90px;
readonly: true;
}