一个简单的JS计算总价

我是个小白 在做购买页面 这个JS有想法但是不会写 大佬帮忙看一下

                            商品单价是后台获取的,想要总价跟着输入的数量显示 JS要怎么写 我这个代码有没有问题<div class="thunk">
        <ul class="fa">
            <li>
                <ul class="left">
                    <li><span>商品名称</span></li>
                </ul>
                <ul class="right">
                    <li><span></span></li>
                </ul>
            </li>
            <li>
                <ul class="left">
                    <li><span>购买单价</span></li>
                </ul>
                <ul class="right">
                    <li><span type="text" id="dj" style="width:50px;margin-left: 20px;line-height: 30px">20</span></li>
                </ul>
            </li>
                            <li>
                <ul class="left">
                    <li><p>购买数量</p></li>
                </ul>
                <ul class="right">
                    <li><input  type="text" id="sl" style="width:50px;margin-left: 20px;margin-top: 5px"></li>
                </ul>
            </li>
                            <li>
                <ul class="left">
                    <li><p>应收金额</p></li>
                </ul>
                <ul class="right">
                    <li><span id="zj" style="margin-left: 20px;line-height: 30px">0</span></li>
                </ul>
            </li>

3个回答

http://www.jb51.net/article/62812.htm
参考这个代码,和你的要求几乎完全一致

你这个在数量里面写一个change事件,每次输入一个数字都会触发这个事件,然后你在事件里面写你的操作
$("#sl").change(function(){
//这里面写逻辑
$('#zj').val($('#dj').val()*$(this).val());
});

 var zj  = $('#dj').text()* $('#sl').val();
$('#zj').text(zj);
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
简单的jQuery计算数值、jQuery计算价格、js计算价格、jQuery计算总价、js计算总价
jQuery的一些计算了解一下   &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt; &amp;lt;script type=&quot;text/javascript&qu
js计算总价
JS代码:rn[code=JScript]rnfunction allcost(form)rnrn var tal=0;rn for(var i=1;i<=form.comid.length;i++)rn rn tal=tal+form.cost[i].value;rn rn form.talcost.value=tal;rnrn[/code]rn[code=HTML]rn rn rn 以下为<%=request("CompanyName")%>服务信息列表:rn rn rn 序号) 服务内容rn 开始时间rn 到期时间rn 年限(年)rn 总消费(元)rn 状态rn 操作rn rnrn<%rnset rt=server.CreateObject("adodb.recordset")rnrt.open"select * from IcanJM_ServiceExpense where S_CompanyName="&request("id")&" ",Conn,1,1rnif not rt.eof and not rt.bof thenrnfor i=1 to rt.recordcountrnif rt.eof Then Exit Forrn%>rnrn rn " onclick="allcost(this.form)"/>rn <%=i%> rn rn <%=rt("S_StartDate")%>rn <%=rt("S_EndDate")%>rn <%=rt("S_year")%>rn <%=rt("S_Cost")%>rn "/>rn rn rn rn延期 rn rnrn<%rnrt.movenextrnnext%>rn rnrn<%rnend ifrnrt.closernset rt=nothingrn%> rn rn 缴费: rn rnrn[/code]rn我想有上面的那个JS代码实现的功能是:当我点击checkebox(name,id为comid)时就把金额(控件name,id为:cost<%=i%>)的值相加之后再附给text(name,id为:talcost)rn我运行时JS有错误。请大家帮我改正那段JS,
计算总价
private void jisuan(boolean isChecked) { int prices = 0; int numm = 0; List&lt;ShopBean.DataBean&gt; data = shopBean.getData(); for (int i = 0; i &lt;data.size() ; i++) { ShopBean.DataBean dataBean = ...
关于一个计算总价的问题
public partial class Admin_Checkmoney : System.Web.UI.Pagernrn DataTable orlist = new DataTable("cart");rn DataRow prorow;rn public Double oTotal = 0.0000;rnrn protected void Page_Load(object sender, EventArgs e)rn rn showorder();rn rnrn private static string dbconnect()rn rn return ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;rn rnrn protected void showorder()rn rn if (Session["orderlist"] == null)rn rn DataColumn[] keys = new DataColumn[1];rn DataColumn a1 = new DataColumn("menu_id", typeof(string));rn DataColumn a2 = new DataColumn("menu_name", typeof(string));rn DataColumn a3 = new DataColumn("menu_price", typeof(decimal));rn DataColumn a4 = new DataColumn("quantity", typeof(string));rn DataColumn a5 = new DataColumn("subtotal", typeof(decimal));rn orlist.Columns.Add(a1);rn orlist.Columns.Add(a2);rn orlist.Columns.Add(a3);rn orlist.Columns.Add(a4);rn orlist.Columns.Add(a5);rn keys[0] = a1;rn orlist.PrimaryKey = keys;rn Session["orderlist"] = orlist;rn rn elsern rn orlist = (DataTable)Session["orderlist"];rn rn rn rn rn protected void checking(object sender, EventArgs e)rn rn bool same = true;rn SqlCommand cmd = new SqlCommand("checkout", new SqlConnection(dbconnect()));rn cmd.CommandType = CommandType.StoredProcedure;rn cmd.Parameters.Add("@o_name", SqlDbType.VarChar, 50);rn cmd.Parameters["@o_name"].Value = this.oname.Text;rn cmd.Connection.Open();rn SqlDataReader dr = cmd.ExecuteReader();rn if (!same)rn rn if (dr.Read())rn rn prorow = orlist.NewRow();rn prorow["menu_id"] = dr["menu_id"].ToString();rn prorow["menu_name"] = dr["menu_name"].ToString();rn prorow["menu_price"] = dr["menu_price"].ToString();rn prorow["quantity"] = dr["quantity"].ToString();rn prorow["subtotal"] = Convert.ToInt32(dr[3].ToString()) * Convert.ToDecimal(dr[2].ToString());rn orlist.Rows.Add(prorow);rn rn rn Session["orderlist"] = orlist;rn this.checkout.DataSource = dr;rn this.checkout.DataBind();rn cmd.Connection.Close();rn rnrn protected void totalcount(object sender, GridViewRowEventArgs e)rn rn if (e.Row.RowType == DataControlRowType.Footer)rn rn for (int i = 0; i < orlist.Rows.Count; i++)rn rn oTotal += Convert.ToDouble(orlist.Rows[i][4]);rn rn rn rnrn运行后 <%=oTotal %>的值是0,请各位帮我看看哪里出问题了啊。。
JS计算价格根据单价算总价
思路:         1. 当单价改变的时候,计算出这件商品的总金额,同时计算出所有商品的总金额;        2.当单件商品的总金额改变时,计算出所有商品的总金额       3.页面初始化的时候,单价有初始值,自动计算出商品的总金额,同时计算出所有商品的总金额; 注意事项:单价,总金额:input输入框输入的是只能是非负的浮点数或者整数.切只能保留两位小数点   &amp;lt;!DO...
用jQuery实现购物车的总价计算和总价传值
效果图:          代码实现: 1.多选框代码: 2.结算价格代码: 3. jQuery实现价格计算代码: (当点击多选框时,下面的总计金额会跟随变化) &amp;lt;#-- 计算总价 S --&amp;gt; &amp;lt;script&amp;gt; $(function() { // 加载完页面时,计算总计 showTotal(); ...
angular购物车总价计算
可以简便计算购物车中的商品总价,方便简单,快捷。
javascript自动计算总价
我做一个购物车,想计算每件商品的价格!当输入数量时,就会自动计算出小计,然后再把所有的小计加起来算出总计..这样可行吗??我做的都显不到结果的!都是显示NaN...请教各位高手如何写才能实现这个功能!rn 表单: rn rn rn rn rn rn rn rn rn 小计总价是rn求个javascript代码,参考一下!rn还有我的saleprice的值是固定的!用户只需输入数量就可以计算小计和总计!
如何计算总价?
这是我的代码,订购相应产品的总价已经计算出来了,但是我想得出的是如果买一个产品是一个产品的总价,买两个产品显示的是两个产品的总价而不是第二个产品的总价,要怎么编写代码?rnprotected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)rn rn DataTable Cart = new DataTable();rn if (e.CommandName == "select")rn rn if (Session["shop"] == null)//如果没有购物车数据的话rn rn Cart.Columns.Add("编号", typeof(int));rn Cart.Columns.Add("名称", typeof(string));rn Cart.Columns.Add("规格", typeof(string));rn Cart.Columns.Add("单价", typeof(double));rn Cart.Columns.Add("数量", typeof(int));rn Cart.Columns.Add("总价", typeof(double));rn Session["shop"] = Cart;//把购物车的虚拟表结构存储入sessionrn rnrn Cart = (DataTable)Session["shop"];//从session中取出之前的购物数据rnrn int index = Convert.ToInt32(e.CommandArgument);//获取选择行的id号rn GridViewRow row = GridView1.Rows[index];//获取行rn int id = Convert.ToInt32(row.Cells[0].Text);//商品IDrn string name = row.Cells[1].Text;//商品名称rn string size = row.Cells[2].Text;//商品规格rn string p = row.Cells[3].Text;//rn double price = double.Parse(p);//商品单价rn int count = Convert.ToInt32(((TextBox)row.FindControl("TextBox1")).Text);//商品数量rnrn //添加一行购物数据rn DataRow rr = Cart.NewRow();//定义一个新行rn rr["编号"] = id;rn rr["名称"] = name;rn rr["规格"] = size;rn rr["单价"] = price;rn rr["数量"] = count;rn rr["总价"] = price * count;rn Cart.Rows.Add(rr);//把这行购物数据添加到Cart中rnrn Session["shop"] = Cart;//重新存储到session中rn rn rnrn
购物车计算商品总价
   //合计     totalPrice: function () {       var list = this.data.goods;       var total = 0;       通过 for 循环遍历计算 total值       for (var i = 0; i &amp;lt; list.length; i++) {         total += parseFloat(l...
计算总价jjjjj
package bawei.com.yuekaomoni.fragment; import android.os.Bundle; import android.support.annotation.NonNull; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import a...
Angular购物车计算总价
//总计 $scope.allSum=function(){ var allprice=0;//定义总价 for(var i=0;i<$scope.datas.length;i++){ allprice+= $scope.datas[i].num*$scope.datas[i].price; } return allprice; }
vue购物车总价计算
用vue购物车总价计算小demo
1.计算蔬菜总价
package s5; public class test1 {     /*      * 计算蔬菜总价 为了丰富群众菜篮子,平抑菜价,相关部分组织了蔬菜的调运。 今某箱中有多个品种的蔬菜。      * 蔬菜的单价(元/公斤)存放在price数组中,      * 蔬菜的重量(公斤)存放在weight数组中。下面的代码计算该箱蔬菜的总价,试完善之。      * 把填空的答
AngularJS计算总价
angularjs 计算总价<!DOCTYPE html> <html lang="en" ng-app="myapp"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="angular.min.js"></script> <style> *{ margin:
计算某一订单总价
现在在学数据库,用的是sql sever2000里的northwind数据库,遇到一个问题(估计应该很简单把)rn订单号 订单金额rnorderid pricern10248 100rn10248 200rn10248 300rn10249 100rn10249 800rn10250 500rn10250 600rn10250 700rn10251 600rn10251 400rn怎么计算每个订单的总金额?就是10248=100+200+300,10490=100+800。。。rn哪位知道帮我一下,不胜感激~~rnrnrn
ajax实现总价计算
[img=https://img-bbs.csdn.net/upload/201608/10/1470838670_897942.png][/img]rnrnrn修改人数或者折扣率实现总价变化,有大神可以帮帮忙吗,ajax不会用,在线等急!!!
计算列总价问题!
在一个报表中把单价通过计算列计算出来得到的总价,如何把该计算出来的总价显示到另一个报表中,不显示所有单价,只显示一个总价就行!请大家帮帮忙,谢谢了!!!!!!!!!!!!!
一个简单的JS计算问题。
分别从两个text中取值,然后计算,再把结果赋给第3个text?
一个简单的JS计算功能
HTML比较简单的rn 6rn rn rn第一对里的“6”表示租金;rn第二对输入框表示租金率;rn第三对表示新租金,即租金×租金率的值;rn然后有一个按钮:rnrnJS如下:rn rn问题是这样的,我想按按钮后显示刚才输入的租金率rate5和新租金new5的值,现在我alert(aa)是可以得到新租金rate5的值的,可是点确定后什么数值都没有了。应该怎么做呢?请教各位。
angular js 结算总价
table{ width: 950px; height: 310px; } tr:nth-child(2n){ background-color: gainsboro; } var app = angular.module("myApp",[]); app.controller("myCtrl",function($scope){  $scope.shoppingca
Android 二级购物车计算总价
二级商品适配器 myViewHolder.checkBox.setChecked(list.get(i).isChildCheck()); myViewHolder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { ...
dataGrid里计算总价问题
我在做采购单的时候在dataGrid里前两行是单价,数量.怎么输入前两行,最后的这行自动得到总价?rn另外我的采购单号是额外的textBox1控件.怎么更新数据的时候把textBox1控件里的数据也跟着dataGrid里的数据一起更新进数据库里?
苹果、橘子和香蕉总价计算
、 个 开发一个 HTML 文档,其中包含了一组复选框和一个提交按钮,复选框的内容为苹 果( 每个 59 美分) 、桔子( 每个 49 美分) 和香蕉( 每个 39 美分) 。每个复选框都应该有自己 的 的 onclick 事件处理程序。这些事件处理程序必须能够将对应的水果价格添加到总价格 中。 针对提交按钮的事件处理程序必须能够产生一个 alert 窗口, 其中的消 息格式为 Your total cost is $xxx ,其中 xxx 是所选水果的总价格加上 5% 的销售税。这个处理程序必须 返回 false( 以免真正传送表单数据) 。
jQuery计算表格中的总价
//获得总价 $scope.countPrice=function(){ var countprice=0; for (var i = 0; i &amp;lt; $scope.datas.length; i++) { countprice += $scope.datas[i].gnum*$scope.datas[i].gprice; } ret...
购物车总价以及总数的计算
<div style="text-align:center;">rn <span style="font-size:16px;"><strong>Python框架Djanggo从入门到实战教程</strong></span> rn</div>rn<p>rn <span style="font-size:16px;"><br />rn</span> rn</p>rn<p>rn <span style="font-size:16px;">Django是一个高级Python Web框架, 鼓励快速,简洁, 以程序设计的思想进行开发. 通过使用这个框架, 可以减少很多开发麻烦, 使你更专注于编写自己的app, 而不需要重复造轮子. Django免费并且开源。</span> rn</p>rn<br />rn<p>rn <span style="font-size:16px;">本教程<strong>从浅入深,不仅有知识点的讲解,还有项目实战!</strong>非常值得学习,纵观全网,本教程知识点最详细,不但有知识点的讲解,还会讲项目,项目实战和企业需求匹配!</span> rn</p>rn<p>rn <span style="font-size:16px;"><br />rn</span> rn</p>rn<p>rn <span style="font-size:18px;background-color:#FFFFFF;color:#E53333;"><strong>本课程的亮点在其项目,是真正的企业级项目,重磅级项目,在找工作的时候为你加分!</strong></span> rn</p>rn<br />rn<span style="font-size:16px;">本教程全面带你了解Djanggo框架</span><br />rn<span style="font-size:16px;">1、Django基础</span><br />rn<span style="font-size:16px;">2、Django进阶</span><br />rn<span style="font-size:16px;">3、Django模板引擎</span><br />rn<p>rn <span style="font-size:16px;">4、实战案例</span> rn</p>rn<p>rn <span style="font-size:16px;"><br />rn</span> rn</p>rn<p>rn <span style="font-size:16px;"><br />rn</span> rn</p>rn<br />rn<div>rn <br />rn</div>
仿京东购物车计算总价
check_box1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { boolean checked = check_box1.isChecked(); if (checked == true) { ...
excel 物品总价自动计算
excel中存放一张物品单价列表,每个物品标明了数量,根据物品数量和单价计算出所有物品总价。表格中另添一个按钮,可将所有物品数量清零。 涉及知识点:excel函数,宏,按钮调用宏
jsp如何计算购物车总价
&amp;lt;% Map&amp;lt;Goods,Integer&amp;gt; map=(Map)session.getAttribute(&quot;map&quot;); /*if(map==null){ out.println(&quot;购物车为空&quot;); return ; }*/ Set&amp;lt;Goods&amp;gt; key=map.keySet(); // 计算总金额 sums double sums=0; for(Goods g:key...
总价
之前曾一度想不明白如何计算每个人在超市买的所有物品的总价?经看书,终于想明白了。具体代码请看下边的代码: 1.创建一个表mysql> create table a( -> a_num int not null, -> a_item int not null, -> f_id char(10) not null, -> quantity int not null,
android SurfaceView详解
传送门
Js写购物车全选全不选计算单价总价代码
PHP交流群:294088839, Python交流群:652376983 方法一: &amp;lt;script&amp;gt; function chk(){ var chkAll=document.getElementById('J_SelectAllCbx2'); var chks=document.getElementsByName('items'); for(var i=0;i&amp;lt;chks....
外买系统的点击加和减的js和计算总价的解决方案
1.视图js代码2.控制器代码3.视图前端代码(判断加减号显示与不显示)
js 实现 购物篮中常用的计算总价效果
js 实现 购物篮中常用的计算总价效果! 值得下载看看!资源免费,大家分享!!
用js写个计算单价总价的方法请高手赐教
在表单上获得数量单价总价“任意”两个信息用js计算出来并显示在text中。rn要求使用onblur
vue实现购物车简单的功能-单选全选总价计算、批量删除
vue实现购物车简单的功能-----单选全选总价计算、批量删除等 观看了后盾人视频教学,视频里面对于全选和单选的功能没有讲全,于是自己研究了一下,前端小白,也是第一次写博客,有什么不足和可以优化的地方欢迎大佬指导一下! 效果截图: 以下附上全部的代码 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta cha...
购物车 一级列表(RecyclerView)全选反选+总价计算
首先在自己写好的bean包里面定义一个,在给一个getset方法 private boolean isChecked; 接下来在适配器里面操作 public class ThreeAdapter extends RecyclerView.Adapter&amp;lt;ThreeAdapter.MyViewHolder&amp;gt; { private Context context; priv...
全选 反选 以及总价的计算
@Override     public void notifyAllCheckboxStatus() {         StringBuilder stringBuilder = new StringBuilder();         if (cartAdapter != null) {             for (int i = 0; i &amp;lt; cartAdapter.getC...
android 输入单价与数量,自动计算总价
android 输入单价与数量,自动计算总价。项目完整,条理清晰。
一个JS计算问题
[code=JScript]function getje() rn rn var djobj=window.event.srcElement;//获取事件源 rn rn var trobj=djobj.parentNode.parentNode.nodeName; rn rn var slobj=trobj.childNodes[0].childNodes[2];//这个地方总是报错说childNodes.0为空或不是对象rnrn var jeobj=trobj.childNodes[2].childNodes[0]; rn rn jeobj.value=djobj.value*slobj.value; rnrn [/code]rn[code=HTML] rn rn rn rn rn rn rn rn rn rn rn rnrn rn rn rn [/code]rn实现目的是根据输入的数量*BookPrice=总金额
相关热词 c# login 居中 c# 考试软件 c# 自然语言分析 c# 分段读取文件 c# 泛型反射 c#打断点 c# 时间转多少秒 c# 线程函数加参数 c# modbus 读取 c#查询集合表