w100224
w100224
采纳率85.7%
2015-01-10 04:56

求助啊怎么将数据库里读出的价格gprice显示到这个购物车的jsp页面中

这是我的代码,但是不会修改价格那个label,应该将我自己数据库的数据怎么贴进去,当我点击+或者-来选择数量的时候,后面的价格会跟着变,总价也会跟着变呢

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="Db.Db"%>
<%@ page import="java.sql.*"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<title>购物车</title>

<link href="css/index.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.1.4.2-min.js"></script>
<script type="text/javascript" src="js/Calculation.js"></script>
<script type="text/javascript">
$(document).ready(function () {

    //jquery特效制作复选框全选反选取消(无插件)
    // 全选        
    $(".allselect").click(function () {
        $(".gwc_tb2 input[name=newslist]").each(function () {
            $(this).attr("checked", true);
            // $(this).next().css({ "background-color": "#3366cc", "color": "#ffffff" });
        });
        GetCount();
    });

    //反选
    $("#invert").click(function () {
        $(".gwc_tb2 input[name=newslist]").each(function () {
            if ($(this).attr("checked")) {
                $(this).attr("checked", false);
                //$(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
            } else {
                $(this).attr("checked", true);
                //$(this).next().css({ "background-color": "#3366cc", "color": "#000000" });
            } 
        });
        GetCount();
    });

    //取消
    $("#cancel").click(function () {
        $(".gwc_tb2 input[name=newslist]").each(function () {
            $(this).attr("checked", false);
            // $(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
        });
        GetCount();
    });

    // 所有复选(:checkbox)框点击事件
    $(".gwc_tb2 input[name=newslist]").click(function () {
        if ($(this).attr("checked")) {
            //$(this).next().css({ "background-color": "#3366cc", "color": "#ffffff" });
        } else {
            // $(this).next().css({ "background-color": "#ffffff", "color": "#000000" });
        }
    });

    // 输出
    $(".gwc_tb2 input[name=newslist]").click(function () {
        // $("#total2").html() = GetCount($(this));
        GetCount();
        //alert(conts);
    });
});
//******************
function GetCount() {
    var conts = 0;
    var aa = 0;
    $(".gwc_tb2 input[name=newslist]").each(function () {
        if ($(this).attr("checked")) {
            for (var i = 0; i < $(this).length; i++) {
                conts += parseInt($(this).val());
                aa += 1;
            }
        }
    });
    $("#shuliang").text(aa);
    $("#zong1").html((conts).toFixed(2));
    $("#jz1").css("display", "none");
    $("#jz2").css("display", "block");
}
</script>


</head>


<% 
String[] strgid = request.getParameterValues("addOrders");
Connection conn = null;
    Statement stmt = null;
    Statement stmt1 = null;
    ResultSet rs = null;
    conn = Db.getconn();
    stmt = conn.createStatement();

%>



<body>

<div class="gwc" style=" margin:auto;">
    <table cellpadding="0" cellspacing="0" class="gwc_tb1">
        <tr>
            <td class="tb1_td1"><input id="Checkbox1" type="checkbox"  class="allselect"/></td>
            <td class="tb1_td1">全选</td>
            <td class="tb1_td3">商品</td>
            <td class="tb1_td5">数量</td>
            <td class="tb1_td6">单价</td>
            <td class="tb1_td7">操作</td>
        </tr>
    </table>

    <!---商品加减算总数---->
    <script type="text/javascript">
    $(function () {
        var t = $("#text_box1");
        $("#add1").click(function () {
            t.val(parseInt(t.val()) + 1)
            setTotal(); GetCount();
        })
        $("#min1").click(function () {
            t.val(parseInt(t.val()) - 1)
            setTotal(); GetCount();
        })
        function setTotal() {

            $("#total1").html((parseInt(t.val()) * 9).toFixed(2));
            $("#newslist-1").val(parseInt(t.val()) * 9);
        }
        setTotal();
    })
    </script>

    <table cellpadding="0" cellspacing="0" class="gwc_tb2">
        <%
    for(int i = 0;i<strgid.length;i++) {
    int gid = Integer.parseInt(strgid[i]);
    rs = stmt.executeQuery("select * from goods where gid ="+gid);  
    while(rs.next()) {
    %>
        <tr>
            <td class="tb2_td1"><input type="checkbox" value="1" name="newslist" id="newslist-1" /></td>
            <td class="tb2_td2"><a href="#"><img src="<%=rs.getString("gpicture") %>"/></a></td>
            <td class="tb2_td3"><a href="#"><%=rs.getString("gname") %></a></td>
            <td class="tb1_td5">
                <input id="min1" name=""  style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="-" />
                <input id="text_box1" name="" type="text" value="1" style=" width:30px; text-align:center; border:1px solid #ccc;" />
                <input id="add1" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="+" />
            </td>
            <td class="tb1_td6"><label id="total1"  name="total2" class="tot" " style="color:#ff5500;font-size:14px; font-weight:bold;" ><%=rs.getString("gprice") %></label></td>
            <td class="tb1_td7"><a href="#">删除</a></td>
        </tr>
        <%} 

        }%>
    </table>

    <!---商品加减算总数---->
    <script type="text/javascript">
    $(function () {
        var t = $("#text_box2");
        $("#add2").click(function () {
            t.val(parseInt(t.val()) + 1)
            setTotal(); GetCount();
        })
        $("#min2").click(function () {
            t.val(parseInt(t.val()) - 1)
            setTotal(); GetCount();
        })
        function setTotal() {

            $("#total2").html((parseInt(t.val()) * 8).toFixed(2));
            $("#newslist-2").val(parseInt(t.val()) * 8);
        }
        setTotal();
    })
    </script>

    <!---总数---->
    <script type="text/javascript">
    $(function () {
        $(".quanxun").click(function () {
            setTotal();
            //alert($(lens[0]).text());
        });
        function setTotal() {
            var len = $(".tot");
            var num = 0;
            for (var i = 0; i < len.length; i++) {
                num = parseInt(num) + parseInt($(len[i]).text());

            }
            //alert(len.length);
            $("#zong1").text(parseInt(num).toFixed(2));
            $("#shuliang").text(len.length);
        }
        //setTotal();
    })
    </script>
    <table cellpadding="0" cellspacing="0" class="gwc_tb3">
        <tr>
            <td class="tb1_td1"><input id="checkAll" class="allselect" type="checkbox" /></td>
            <td class="tb1_td1">全选</td>
            <td class="tb3_td1">
                <input id="invert" type="checkbox" />反选
                <input id="cancel" type="checkbox" />取消
            </td>
            <td class="tb3_td2">已选商品 <label id="shuliang" style="color:#ff5500;font-size:14px; font-weight:bold;">0</label> 件</td>
            <td class="tb3_td3">合计(不含运费):<span>¥</span><span style=" color:#ff5500;"><label id="zong1" style="color:#ff5500;font-size:14px; font-weight:bold;"></label></span></td>
            <td class="tb3_td4"><span id="jz1">结算</span><a href="#" style=" display:none;"  class="jz2" id="jz2">结算</a></td>
        </tr>
    </table>

</div>
</body>
</html>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • showbo GoCityPass新加坡曼谷通票 6年前

    不能用id选择器,你的id都重复了,要用属性选择器,你那列是单价,应该增加一列,作为此列的小计,而不是直接覆盖单价那列.

      <table cellpadding="0" cellspacing="0" class="gwc_tb1">
            <tr>
                <td class="tb1_td1"><input id="Checkbox1" type="checkbox"  class="allselect"/></td>
                <td class="tb1_td1">全选</td>
                <td class="tb1_td3">商品</td>
                <td class="tb1_td5">数量</td>
                <td class="tb1_td6">单价</td>
                <td class="tb1_td6">小计</td><!------------增加小计列,不要直接设置单价那里------------>
                <td class="tb1_td7">操作</td>
            </tr>
        </table>
    
             <tr>
                <td class="tb2_td1"><input type="checkbox" value="1" name="newslist" id="newslist-1" /></td>
                <td class="tb2_td2"><a href="#"><img src="<%=rs.getString("gpicture") %>"/></a></td>
                <td class="tb2_td3"><a href="#"><%=rs.getString("gname") %></a></td>
                <td class="tb1_td5">
                    <input id="min1" name=""  style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="-" />
                    <input id="text_box1" name="" type="text" value="1" style=" width:30px; text-align:center; border:1px solid #ccc;" />
                    <input id="add1" name="" style=" width:20px; height:18px;border:1px solid #ccc;" type="button" value="+" />
                </td>
                <td class="tb1_td6"><label id="total1"  name="total2" class="tot" " style="color:#ff5500;font-size:14px; font-weight:bold;" ><%=rs.getString("gprice") %></label></td>
                <td class="tb1_td6"></td><!------------增加小计列,不要直接设置单价那里------------>
                <td class="tb1_td7"><a href="#">删除</a></td>
            </tr>
    

    js代码的更改

       <!---商品加减算总数---->
        <script type="text/javascript">
        $(function () {
            $("input[id='add1']").click(function (e,init) {           
               var t=$(this).prev();
                if(!init){//点击按钮,不是初始化
                    var v=parseInt(t.val(),10)||0;v++;
                    t.val(v)
                }
                setTotal(t); GetCount();
            }).trigger('click',true)//初始化
            $("input[id='min1']").click(function (e,init) {
               var t=$(this).next();
                if(!init){//点击按钮,不是初始化
                    var v=parseInt(t.val(),10)||0;v--;if(v<0)v=0;
                    t.val(v)
                }
                setTotal(t); GetCount();
            }).trigger('click',true)//初始化
            function setTotal(t) {
               var tds=t.closest('tr').find('td')//得到此行所有td对象
               var td=tds.eq(5);//得到小计的td
               var lb=parseInt(tds.eq(4).find('label').text())||0//得到单价容器
               var sum=(parseInt(t.val()) * lb).toFixed(2);//小计
               td.html(sum);
               tds.eq(0).find('input').val(sum);//设置你checkbox的值
            }
            setTotal();
        })
        </script>
    
    点赞 评论 复制链接分享
  • showbo GoCityPass新加坡曼谷通票 6年前

    你不是已经读出数据赋值给label了,要怎么改?

    点赞 评论 复制链接分享