0
点赞
收藏
分享

微信扫一扫

【汇智学堂】-JQuery的应用(电商购物车-获取价格)


实现的效果:

【汇智学堂】-JQuery的应用(电商购物车-获取价格)_ci


JSP中的代码段

<c:forEach items="${Carts}" var="cart" varStatus="status">

        <tr>
            <td>
                <input type="checkbox" />
            </td>
            <td>
                ${cart.goodspublisher}
            </td>
        </tr>

        <tr>
            <td>
                <input type="checkbox"/>
            </td>

            <td>
                <%--<img src="/images/31.jpg">--%>
                <img src=${cart.imageurl}>
            </td>

            <td>
                ${cart.goodsname}
            </td>

            <td>
               <%-- ${status.count}--%>
                    <ul class="btn-numbox">
                        <li><span id="num-jian${status.count}" class="num-jian" onclick="c(${status.count})">-</span></li>
                        <li><input type="text" class="input-num" id="input-num${status.count}" value="1" /></li>
                        <li><span id="num-jia${status.count}" class="num-jia" onclick="b(${status.count})">+</span></li>
                   </ul>
            </td>

            <td>
                <span id="each${status.count}">${cart.unitprice}</span>
            </td>

            <td>
                <span id="total${status.count}">0</span>
            </td>

            <td>
                <a href="/GoodsBuydel.do?del=${cart.id}">删除</a>
            </td>

            <td>
                <span id="each1">${cart.unitprice}</span>
            </td>

        </tr>

   </c:forEach>

JQuery的代码

<script src="http://localhost:8080/JS/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script>

    $('.num-jia').click(function(){

        var cid = $(this).attr('id');

        var cidcount=cid.substr(7,7);

        var each="each"+cidcount;

        var a="#"+each;

        var count1=$(a).text();

        alert(count1);

    });

</script>


举报

相关推荐

0 条评论