同时输入两个文本框的值来变换另外一个文本框的值

这个小功能是输入买入价的值和数量的值来变换买入金额的值,也同时可以输入成本价的值和数量的值来变换成本金额的值。
在这里插入图片描述
上图是一些视图的样式代码,主要是在买入价/成本价/数量文本框添加一个Oninput事件(Oninput事件在值发生变化时立即触发,在value值改变时触发,即每次增加或删除或修改一个字符就会触发)和添加一个Onkeyup 事件(Onkeyup 事件会在键盘按键被松开时发生)。
在这里插入图片描述
定义一个方法,首先写买入价的文本框先,如果值等于0的话(0是买入价文本框的Value值),声明获取买入价文本框的值,再声明获取数量文本框的值,如果买入价文本框的值等于空值的,那么买入价就等于0,如果数量文本框的值等于空值的,那么数量就等于0,声明(Money)买入金额的值是买入价的值乘于数量的值,根据买入金额的ID来获取(Money)的值;然后到成本价的文本框,也跟买入价的一样,反则如果值等于1的话(1是成本价文本框的Value值),声明获取成本价文本框的值,再声明获取数量文本框的值,如果成本价文本框的值等于空值的,那么成本价就等于0,如果数量文本框的值等于空值的,那么数量就等于0,声明(JInE)成本金额的值是成本价的值乘于数量的值,根据成本金额的ID来获取(JInE)的值;再到数量文本框,反则如果值等于5的话(5是数量文本框的Value值),声明获取数量文本框的值,声明获取买入价文本框的值,声明获取成本价文本框的值,如果数量文本框的值等于空值的,那么买入价就等于0,如果数量文本框的值等于空值的,那么成本价就等于0,声明(Moneys)买入金额的值是买入价的值乘于数量的值,声明(JInEs)成本金额的值是成本价的值乘于数量的值,根据买入金额的ID来获取(Moneys)的值,根据成本金额的ID来获取(JInEs)的值。

猜你喜欢

转载自blog.csdn.net/weixin_44587829/article/details/88936609