Javascript 提交并显示复选框值(不带提交按钮)

Javascript 提交并显示复选框值(不带提交按钮),javascript,php,html,Javascript,Php,Html,我有一种电子商务,在结账页面我显示价格 在同一页中,我有一些“服务”要添加到最终价格中,并用复选框显示 现在我想,当我点击一个复选框时,价格将更新为一个总和 类似这样:“价格”+“服务”1“+“服务”2”=总价 我希望服务将动态地显示在另一个div中 我的问题是,我不知道如何更新价格并在没有提交按钮的div中显示它 设计包装K22500欧元 证券2000欧元 健康包5000欧元 盒子自动1000欧元 € 服务:设计包动态添加服务…您可以使用Ajax。AJAX的主要功能是使网页更快,AJAX只

我有一种电子商务,在结账页面我显示价格

在同一页中,我有一些“服务”要添加到最终价格中,并用复选框显示

现在我想,当我点击一个复选框时,价格将更新为一个总和

类似这样:“价格”+“服务”1“+“服务”2”=总价

我希望服务将动态地显示在另一个div中

我的问题是,我不知道如何更新价格并在没有提交按钮的div中显示它


设计包装K22500欧元
证券2000欧元
健康包5000欧元
盒子自动1000欧元
€

服务:
设计包
动态添加服务…
您可以使用Ajax。AJAX的主要功能是使网页更快,AJAX只允许重新加载网页的重要部分,而不是完整的网站或网页。

将值添加到复选框中-还要确保您的ID正确,并且for=“ID”与复选框匹配。您有一些不一致之处-例如,每个标签都有错误的“for”,您需要
提示使用
Ajax
如果价格不在页面中,您只需要Ajax。如果是,只需使用onclick,并在总数中设置一个span,然后使用valuesHi@mplungjan复选框的总和更新innerHTML或innerText,是的,价格已经在页面中。。我已经编辑了代码。。那么你能给我一些关于如何做onclick的更多信息吗?我的老板问我一些我通常不会做的事情(js),我很惊慌。请查看我的更新。您可能还需要确保ID是正确的。你有一些不一致的地方Hanks@mplungjan成功了!我不想利用你的好意,但是,可以用id=display services动态地在div中显示名称?也许你应该给我建一栋房子?啊哈,我可以!如果你帮我解决另一个问题。。正如您在链接上看到的,我有多个按钮,由php和mysql生成。如果你点击它们,橙色的价格就会改变。通过javascript。如果你点击取消复选框,价格也会通过另一个javascript(你的)改变。正如你所看到的,它们是冲突的,如果我点击一个复选框,灰色按钮将被重置,反之亦然。对不起,我是一名具有一些基本html/css技能的架构师,我的老板给了我这个大项目,我正在尝试将php、js和sql集于一身:我想你需要查看我的个人资料,直接问我。我很乐意帮助您。您需要单击F12并查看控制台。这里有一个错误
$(“#mq”).html($(this)。'mq'+数据('mq')-它应该是
$(“#mq”).html($(this.data('mq'))@Stefanozaneti-处理点击的新代码-我假设一次只能点击一个按钮