찾다

집 >웹 프론트엔드 >JS 튜토리얼 >JQuery_jquery를 기반으로 한 쇼핑몰형 장바구니

JQuery_jquery를 기반으로 한 쇼핑몰형 장바구니

WBOY
WBOY원래의
2016-05-16 17:58:381369검색

상품 정보는 JSON 데이터를 사용하여

동일한 상품에 대한 다중 클릭을 시뮬레이션합니다. 반복적으로 추가되지는 않지만, 기존 수량을 기준으로 수량은 1이 됩니다.

상품 수량도 가능합니다. 0을 입력하시면 해당 상품이 장바구니에서 자동으로 삭제됩니다. (1미만인 경우 마이너스 기호를 클릭하시면 장바구니에서 상품정보 삭제 여부를 묻는 메시지가 표시됩니다.)

각 제품의 가격과 총 가격은 추가 및 삭제 작업을 기반으로 동적으로 계산됩니다.

첨부된 다운로드 링크: /201112/yuanma/jquery_gouwuche.rar

기본 기능은 구현되어 있으며, IE 브라우저 사용을 권장합니다. 다른 브라우저는 테스트되지 않았습니다.
JQuery_jquery를 기반으로 한 쇼핑몰형 장바구니
HTML 코드:

코드 복사 코드는 다음과 같습니다.



<머리>

无标题文档

<본문>

商 품列表










물고기














序号编号name称描述< /td>수량单价总价删除







JS 코드
코드 복사 코드는 다음과 같습니다.




성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：share_javascript 기술을 위한 5가지 자바스크립트 숫자 형식 지정 기능다음 기사：share_javascript 기술을 위한 5가지 자바스크립트 숫자 형식 지정 기능

관련 기사

더보기
总价 0.0