Laravel-admin 5.8 多个金额输入框，发生变动以后，自动计算并显示在汇总框

问答 / 0 / 6 / 创建于 2年前 / 更新于 2年前

环境为 Laravel-admin 5.8,
多个金额输入框，如何实现，当用户输入后，自动计算汇总金额，并显示在汇总输入框。

感觉这个应该和Laravel关系不大，希望给些思路，在下比较菜，还望海涵

laravel laravel-admin 5.8

说得来

课程读者 12 声望

暂无个人描述~

0 人点赞

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

MArtian

版主 3.8k 声望

最佳答案

前端 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>

2年前评论

说得来（楼主）

哎，理论上，我是明白的，实际上，在laravel-admin里，我是不知道从哪里下手的。还是非常感谢清晰的代码

MArtian （作者）

@说得来自己百度搜下不就行了 blog.csdn.net/running8/article/det...

讨论数量: 6

MArtian

版主 3.8k 声望

前端 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>

2年前评论

说得来（楼主）

哎，理论上，我是明白的，实际上，在laravel-admin里，我是不知道从哪里下手的。还是非常感谢清晰的代码

MArtian （作者）

@说得来自己百度搜下不就行了 blog.csdn.net/running8/article/det...

Mutoulee

课程读者 333 声望 / Developer @ Dobeen.Net

思路就是楼上这思路，但是你在Laravel-admin 环境下的话就得自己实现了。

2年前评论

oceanjiayu

课程读者 118 声望

可以使用一个Admin::js里面写JS就行了用jq找节点然后赋值就好了

2年前评论

说得来（楼主）

能帮忙简单写个示例么？

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

Laravel-admin 5.8 多个金额输入框，发生变动以后，自动计算并显示在汇总框

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

Laravel-admin 5.8 多个金额输入框，发生变动以后，自动计算并显示在汇总框

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录