zoukankan      html  css  js  c++  java
  • jQuery实现购物车物品数量的加减 (针对GirdView的类似事件)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>jQuery实现购物车物品数量的加减</title>  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>  
    <script>  
    $(function(){  
        var t = $("#text_box");  
        $("#add").click(function(){       
            t.val(parseInt(t.val())+1)  
            setTotal();  
        })  
        $("#min").click(function(){  
            t.val(parseInt(t.val())-1)  
            setTotal();  
        })  
        function setTotal(){  
            $("#total").html((parseInt(t.val())*3.95).toFixed(2));  
        }  
        setTotal();  
    })  
    </script>  
    </head>  
    <body>  
    <p>单价:3.95</p>  
    <input id="min" name="" type="button" value="-" />  
    <input id="text_box" name="" type="text" value="4" />  
    <input id="add" name="" type="button" value="+" />  
    <p>总价:<label id="total"></label></p>  
    </body>  
    </html> 

     下面的是自己写的针对GirdView的事件

         function IncNumber() {
                var e = event.srcElement;//获取鼠标点击的元素
                var r = e.parentElement.parentElement.rowIndex - 1;//获取元素所在的行的行
                //ctl00$ContentPlaceHolder1$GridView_PurchaseOrder$ctl02$txtRemarks
                //ctl00$ContentPlaceHolder1$GridView_PurchaseOrder$ctl03$txtRemarks
                //ContentPlaceHolder1_GridView_PurchaseOrder_txtRemarks_2
                var numberid = 'GridView_Goods_lblNumber_' + r;//获取TextBox的ID,由于TextBox是在Gridview里面的,所以他的
                //ID会变成这样的格式,GridView的ID加上控件所在的行号加上TextBox的ID 
                //GridView_Goods_lblNumber_1
                //ContentPlaceHolder1_GridView_PurchaseOrder_txtRemarks_
                var lblNumber = document.getElementById("" + numberid + "");
                lblNumber.innerText = parseInt(lblNumber.innerText) + 1;
    
                var priceid = 'GridView_Goods_lblPrice_' + r;
                var lblPriceid = document.getElementById("" + priceid + "");
    
                var amountid = 'GridView_Goods_lblAmount_' + r;
                var lblAmount = document.getElementById("" + amountid + "");
                lblAmount.innerText = parseFloat(lblPriceid.innerText) * parseInt(lblNumber.innerText);
                return false;
       
            }
            function SubNumber() {
                var e = event.srcElement;//获取鼠标点击的元素
                var r = e.parentElement.parentElement.rowIndex - 1;//获取元素所在的行的行
               
                var numberid = 'GridView_Goods_lblNumber_' + r;
                var lblNumber = document.getElementById("" + numberid + "");
                if (parseInt(lblNumber.innerText) > 0) {
                    lblNumber.innerText = parseInt(lblNumber.innerText) - 1;
    
                    var priceid = 'GridView_Goods_lblPrice_' + r;
                    var lblPriceid = document.getElementById("" + priceid + "");
    
                    var amountid = 'GridView_Goods_lblAmount_' + r;
                    var lblAmount = document.getElementById("" + amountid + "");
                    lblAmount.innerText = parseFloat(lblPriceid.innerText) * parseInt(lblNumber.innerText);
                }   
                return false;
            }
  • 相关阅读:
    7503E-M-irf2配置以及bfd配置
    nltk_29_pickle保存和导入分类器
    nltk_28Twitter情感分析模型
    美国在研新药_读取单个PDF
    Python:eval的妙用和滥用
    opencv_判断两张图片是否相同
    Make 命令教程
    pdf在线处理网站
    K-Means clusternig example with Python and Scikit-learn(推荐)
    自然语言27_Converting words to Features with NLTK
  • 原文地址:https://www.cnblogs.com/YoungPop-Chen/p/3304998.html
Copyright © 2011-2022 走看看