试图在change上激发多个函数
Trying to fire multiple functions onchange
我试图隐藏一个excel电子表格,其中有多个依赖项。依赖项显示其输入中的总和。然而,我很难让它们启动,而且一些结果也让我非常困惑,试图将所有这些函数插入到它的输入中。任何帮助都将不胜感激。
HTML
<input class="" id="avg-pumping-distance" type="number" value="30000"/>
<br/>
<h3 style="margin: 50px 0 0px;">Output</h3>
<input style="margin: 0px 0 0px;" class="" id="num1" type="number" value="0">
<br/>
<input style="margin: 20px 0 0px;" class="" id="num2" type="number" value="0">
<br/>
<input style="margin: 20px 0 0px;" class="" id="num3" type="number" value="0">
JavaScript
var ReserveFloatingPipe = function() {
var val = 100
var val2 = 4400
var val3 = 100
var val4 = (val2 - val3) * val;
var val5 = val * val4;
var total = val5 / 1000;
$('#num1').val(total);
return total;
};
ReserveFloatingPipe();
// console.log(ReserveFloatingPipe());
var ReserveSubPipe = function() {
var val = 100
var val2 = 5400
var val3 = 100
var val4 = (val2 - val3) * val;
var val5 = val * val4;
var total = val5 / 1000;
$('#num2').val(total);
return total;
};
ReserveSubPipe();
var ReserveShorePipe = function() {
var val = 562
var val2 = 652
var val3 = 8500
var val4 = (val2 - val3) * val;
var total = val4 / 100;
$('#num3').val(total);
return total;
};
ReserveShorePipe();
// console.log(ReserveShorePipe());
document.getElementById("avg-pumping-distance").onchange = (function () {
ReserveFloatingPipe();
ReserveSubPipe();
ReserveShorePipe();
});
在元素存在之前,您的on change函数已绑定到您的"平均泵送距离"输入元素。您需要使用文档就绪函数将函数绑定到元素。
$(function(){
document.getElementById("avg-pumping-distance").onchange = (function () {
ReserveFloatingPipe();
ReserveSubPipe();
ReserveShorePipe();
});
});
或
$(function(){
$("#avg-pumping-distance").on('change',function(){
ReserveFloatingPipe();
ReserveSubPipe();
ReserveShorePipe();
});
});
或
$( document ).ready(function() {
document.getElementById("avg-pumping-distance").onchange = (function () {
ReserveFloatingPipe();
ReserveSubPipe();
ReserveShorePipe();
});
});
或
$( document ).ready(function() {
$("#avg-pumping-distance").on('change',function(){
ReserveFloatingPipe();
ReserveSubPipe();
ReserveShorePipe();
});
});
相关文章:
- 如何通过JQuery触发JS原生甚至addEventListener(“change”,函数)
- 试图在change上激发多个函数
- 在on.change事件之后运行函数
- 每次检测到任何更改时调用函数`.change()`
- 为什么change函数内部的全局json对象为null
- change函数中的Javascript更改if语句
- 如何在AngularJS ng-click(或ng-change,..)中调用服务函数
- Kendo dropDrownlist 没有在 change() 函数上被触发
- 当 ng-change 事件发生时,函数不会在角度 js 中调用
- jQuery .change 函数只工作一次
- 使用 .change() 函数在复选框更改时自动提交表单
- .change 函数在 for 循环中
- .change() 函数不起作用
- 运行位于jquery .on('change')内部的函数
- 在angularjs ng-change=“chk(query)”中,当键入单词后点击空格时调用函数
- 复选框中的触发函数已选中,不使用 .change()
- jQuery $.change 函数不适用于克隆的选择
- JavaScript on change 函数工作得不好
- 警报没有't在on change函数内触发
- JQuery:change(函数()中存在多个条件