使用jQuery添加到购物车

由 发布于 cssjavascriptjqueryhtmlmode
 收藏 
<body>
    <div class="shoe single-item hvr-outline-out">
        <form method="post" action="#" class="cart">
            <input type="hidden" name="id" id="id" id="<%= doc._id%>" >
            <input type="hidden" name="cmd" value="_cart">
            <input type="hidden" name="add" value="1">
            <input type="hidden" id="pname_<%= doc._id%>" name="shoe_item" value="<%=doc.product_name%>">
            <input type="hidden" id="amount_<%= doc._id%>" name="amount" value="<%=doc.price%>">
        </form>
            <button type="submit" id="myBtn1_<%= doc._id%>" data-id="<%= doc._id%>" value="<%= doc._id%>" class="shoe-cart pshoe-cart myBtn"><i class="fa fa-cart-plus" aria-hidden="true"></i></button>
    </div>
    </body>

<script type="text/javascript">
$(document).ready(function () {
    $(".myBtn").click(function(){
         $('#myModal').modal('show');
    });
});
</script>

<script type="text/javascript">
    var count =0;
    $(document).ready(function () {
        $(".myBtn").click(function () {
            var id = $(this).data('id');
            var p_name = $('.cart').find('#pname_'+id).val();
            var count1 = count++;
            var amount = $('.cart').find('#amount_'+id).val();
            var html = "<tr id='tr_'"+id+"><td>"+p_name+"</td><td>"+amount+"</td><td><input type='text' name='count' id='count_"+id+"' size='3' value='"+count+"'></td>/tr>";
            var quan = $('.row').find('#count_'+id).val();
            if (!quan) {
                $('.row').append(html);
            } else {
                $('#count_'+id).append(count);
            }
        });
    });
</script>

我正在尝试使用jquery将模型添加到购物车。但是有一个小问题，我该如何解决。如果我单击显示的mybtn按钮模型并正常工作，但数量不正常，我该如何解决。感谢高级。

评论