리릭리릭
20
2021-04-11 16:17:39
2
445

자바스크립트 좌석 선택&실시간 가격 변동 구현하는법 질문드립니다..


안녕하세요. 학원에서 팀 프로젝트로 영화 예매 사이트를 구현중에 있습니다.

예매하기 버튼을 누르면 아래와같이 팝업창으로 좌석 선택 페이지가 뜨고, 좌석 선택시

.click클래스가 토글되어 좌석이 빨간색으로 변하게 됩니다.


그런데 여기서 빨간색으로 선택된 좌석의 개수를 구해서 실시간으로 '개수 : '에 표시하는 방법을 모르겠습니다...ㅠㅠㅠ 임의로 버튼 하나를 만들어 '버튼 클릭하면 선택된 좌석들의 개수를 구해서 아래 input들에 개수 표시하기'는 구현할수 있으나, 실시간으로 선택된 좌석의 개수를 구하는 방법을 모르겠어서요..

구글링을 해봤는데 select-option 태그와 같이 옵션 선택에 따라 가격 변동시키기가 많이 나오고

좌석 선택>실시간 가격 변화 를 찾을수가 없었습니다.. 찾아보면 비슷한게 나오기는 하는데

똑같이 영화 옵션 선택 > 좌석선택에 따라 실시간 가격 변동시키기 정도가 나와서요..

처음 창을 열면 '개수 : 0'으로 표시되고 좌석이 선택/해제됨에 따라 1,2,3,0 과 같이 실시간으로

값을 변화시키는 방법이 있을까요?.. 팀프로젝트 하는데 여기서 막혀서 너무 막막하네요..ㅠㅠ


















0
  • 답변 2

  • 자바웹린이
    88
    2021-04-11 18:38:11

    var check_cnt = 0;

    if

    $(요소).is(":checked")

    check_cnt++;



    이런식으로하면 되지않을까여

  • 장독깨기
    3k
    2021-04-11 20:47:13

    좌석 선택하면 빨간색으로 하기위해

    엘리먼트에 체크를 하든 클래스를 추가하든 하시겠죠..

    그 엘리먼트의 갯수를 구하면 되고

    찾는 방법은 jquery selector 검색해보면 도움이 될 겁니다.


  • 로그인을 하시면 답변을 등록할 수 있습니다.