답변 1개
채택된 답변
+20 포인트
8년 전
/js/shop.js
</p><p>
</p><p>// 선택된 옵션 출력</p><p>function add_sel_option(type, id, option, price, stock)</p><p>{</p><p> var item_code = $("input[name='it_id[]']").val();</p><p> var opt = "";</p><p> var li_class = "sit_opt_list";</p><p> if(type)</p><p> li_class = "sit_spl_list";</p><p>
</p><p> var opt_prc;</p><p> if(parseInt(price) >= 0)</p><p> opt_prc = "(+"+number_format(String(price))+"원)";</p><p> else</p><p> opt_prc = "("+number_format(String(price))+"원)";</p><p>
</p><p> opt += "<li class=\""+li_class+"\">";</p><p> opt += "<input type=\"hidden\" name=\"io_type["+item_code+"][]\" value=\""+type+"\">";</p><p> opt += "<input type=\"hidden\" name=\"io_id["+item_code+"][]\" value=\""+id+"\">";</p><p> opt += "<input type=\"hidden\" name=\"io_value["+item_code+"][]\" value=\""+option+"\">";</p><p> opt += "<input type=\"hidden\" class=\"io_price\" value=\""+price+"\">";</p><p> opt += "<input type=\"hidden\" class=\"io_stock\" value=\""+stock+"\">";</p><p> opt += "<span class=\"sit_opt_subj\">"+option+"</span>";</p><p> opt += "<span class=\"sit_opt_prc\">"+opt_prc+"</span>";</p><p> opt += "<div><input type=\"text\" name=\"ct_qty["+item_code+"][]\" value=\"1\" class=\"frm_input\" size=\"5\">";</p><p> opt += "<button type=\"button\" class=\"sit_qty_plus btn_frmline\">증가</button>";</p><p> opt += "<button type=\"button\" class=\"sit_qty_minus btn_frmline\">감소</button>";</p><p> opt += "<button type=\"button\" class=\"sit_opt_del btn_frmline\">삭제</button></div>";</p><p> opt += "</li>";</p><p>
</p><p> if($("#sit_sel_option > ul").size() < 1) {</p><p> $("#sit_sel_option").html("<ul id=\"sit_opt_added\"></ul>");</p><p> $("#sit_sel_option > ul").html(opt);</p><p> } else{</p><p> if(type) {</p><p> if($("#sit_sel_option .sit_spl_list").size() > 0) {</p><p> $("#sit_sel_option .sit_spl_list:last").after(opt);</p><p> } else {</p><p> if($("#sit_sel_option .sit_opt_list").size() > 0) {</p><p> $("#sit_sel_option .sit_opt_list:last").after(opt);</p><p> } else {</p><p> $("#sit_sel_option > ul").html(opt);</p><p> }</p><p> }</p><p> } else {</p><p> if($("#sit_sel_option .sit_opt_list").size() > 0) {</p><p> $("#sit_sel_option .sit_opt_list:last").after(opt);</p><p> } else {</p><p> if($("#sit_sel_option .sit_spl_list").size() > 0) {</p><p> $("#sit_sel_option .sit_spl_list:first").before(opt);</p><p> } else {</p><p> $("#sit_sel_option > ul").html(opt);</p><p> }</p><p> }</p><p> }</p><p> }</p><p>
</p><p> price_calculate();</p><p>}</p><div>
</div><p></p><p>
</p><p> // 수량변경 및 삭제</p><p> $(document).on("click", "#sit_sel_option li button", function() {</p><p> var mode = $(this).text();</p><p> var this_qty, max_qty = 9999, min_qty = 1;</p><p> var $el_qty = $(this).closest("li").find("input[name^=ct_qty]");</p><p> var stock = parseInt($(this).closest("li").find("input.io_stock").val());</p><p>
</p><p> switch(mode) {</p><p> case "증가":</p><p> this_qty = parseInt($el_qty.val().replace(/[^0-9]/, "")) + 1;</p><p> if(this_qty > stock) {</p><p> alert("재고수량 보다 많은 수량을 구매할 수 없습니다.");</p><p> this_qty = stock;</p><p> }</p><p>
</p><p> if(this_qty > max_qty) {</p><p> this_qty = max_qty;</p><p> alert("최대 구매수량은 "+number_format(String(max_qty))+" 입니다.");</p><p> }</p><p>
</p><p> $el_qty.val(this_qty);</p><p> price_calculate();</p><p> break;</p><p>
</p><p> case "감소":</p><p> this_qty = parseInt($el_qty.val().replace(/[^0-9]/, "")) - 1;</p><p> if(this_qty < min_qty) {</p><p> this_qty = min_qty;</p><p> alert("최소 구매수량은 "+number_format(String(min_qty))+" 입니다.");</p><p> }</p><p> $el_qty.val(this_qty);</p><p> price_calculate();</p><p> break;</p><p>
</p><p> case "삭제":</p><p> if(confirm("선택하신 옵션항목을 삭제하시겠습니까?")) {</p><p> var $el = $(this).closest("li");</p><p> var del_exec = true;</p><p>
</p><p> if($("#sit_sel_option .sit_spl_list").size() > 0) {</p><p> // 선택옵션이 하나이상인지</p><p> if($el.hasClass("sit_opt_list")) {</p><p> if($(".sit_opt_list").size() <= 1)</p><p> del_exec = false;</p><p> }</p><p> }</p><p>
</p><p> if(del_exec) {</p><p> $el.closest("li").remove();</p><p> price_calculate();</p><p> } else {</p><p> alert("선택옵션은 하나이상이어야 합니다.");</p><p> return false;</p><p> }</p><p> }</p><p> break;</p><p>
</p><p> default:</p><p> alert("올바른 방법으로 이용해 주십시오.");</p><p> break;</p><p> }</p><p> });</p><p>이 부분이요.
수정 방법은 이미지를 어떻게 변경하셨는지에 따라 달라집니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인