环境为 Laravel-admin 5.8,
多个金额输入框，如何实现，当用户输入后，自动计算汇总金额，并显示在汇总输入框。
感觉这个应该和Laravel关系不大，希望给些思路，在下比较菜，还望海涵
前端 js onblur 触发一个计算方法
<html>
<body>
<input id='num1' name='num1' placeholder="数字1"/>
<input id='num2' name='num2' placeholder="数字2"/>
<input id='sum' name='sum' placeholder="结果">
</body>
<script>
const num1 = document.querySelector('#num1')
const num2 = document.querySelector('#num2')
num1.addEventListener('blur', calculator)
num2.addEventListener('blur', calculator)
function calculator() {
document.querySelector('#sum').value = Number(num1.value) + Number(num2.value)
}
</script>
</html>前端 js onblur 触发一个计算方法
<html>
<body>
<input id='num1' name='num1' placeholder="数字1"/>
<input id='num2' name='num2' placeholder="数字2"/>
<input id='sum' name='sum' placeholder="结果">
</body>
<script>
const num1 = document.querySelector('#num1')
const num2 = document.querySelector('#num2')
num1.addEventListener('blur', calculator)
num2.addEventListener('blur', calculator)
function calculator() {
document.querySelector('#sum').value = Number(num1.value) + Number(num2.value)
}
</script>
</html>
思路就是楼上这思路，但是你在Laravel-admin 环境下的话就得自己实现了。
粤ICP备18099781号-6
|
粤公网安备 44030502004330号
|
违法和不良信息举报
由 Summer 设计和编码 ❤
请登录
关于 LearnKu
推荐文章：