결제 페이지를 작업하면서, 마일리지 쿠폰사용 택배비 선택 등 모든 선택 사항에 대하여 가격 변동이 표시되도록 이미 만들어져 있는 코드가 제가 생각하기에는 좀 부실해 보여서 수정 추가 보완을 했습니다.

 

그리고나서 장바구니를 보니 장바구니에도 체크박스가 있고, 선택한 상품만 선택 주문할 수 있게 되어 있는 것을 알았습니다.

예를 들어 3개 중에 2개만 선택하고 주문하기를 누르면 "선택한 2개 제품만 주문한다"고 뜹니다.

하지만 상품금액 할인금액 최종결제금액은 요지부동입니다. 전체를 주문하는 금액으로 고정.

 

그래서 직접 짜봤습니다. 동작은 동영상으로 첨부합니다ㅎ

 

 

 

 

체크박스 값이 변경됨에 따라 우측 하단의 금액표 값이 업데이트 됩니다.

다른 페이지로 갔다가 다시 뒤로 왔을 때도 (페이지 이동 전 체크박스 체크 유무가 유지됨) 체크박스를 체크하여 선택된 제품에 대한 금액으로 표시됩니다.

 

전체 체크 박스 동작도 XE기본 전체 체크박스와 다르게 동작합니다.

토글이 아니라 전체 체크박스 체크 유무에 맞게 모든 체크박스의 체크 표시가 일괄 변경됩니다. 전체 체크박스가 해제되면 모든 체크박스가 해제, 전체 체크박스가 체크되면 모든 체크박스가 체크.

모든 상품에 체크가 되면 전체 체크박스도 체크 표시가 되고, 모든 상품에 체크가 해제되면 전체 체크박스도 체크가 해제됩니다.

 

cartitems.mp4

  • profile
    개발자분들이ㅜ고생이네요
  • profile ?
    개발자라고 하기엔 민망하지만 ㅎㅎ 화이팅입니다~!
  • profile

    진짜 전체 체크는 영상처럼 구현되는 게 확실히 더 편하겠네요.

    관리자 모듈이나 게시판 스킨 등에서 체크박스 전체 선택 기능이 토글 방식이어서 적응하기 어려웠던 기억이 납니다.

  • profile ?
    네 저도 XE 기본 토글보다 나은거 같습니다 ㅎㅎ