간단하게 모달 창 올리기

앞서 올렸던 체크박스와 연계로 체크박스가 선택이 안되었을경우

Alert창을 사용할 수도 있지만, 모달창으로 조금 더 고급?지게 보여줄 수 있다.

 

<div class="modal">
  <div class="modal_content" 
       title="클릭하면 창이 닫힙니다.">
    <p class="couponModalT" id="Modal3Msg">모달창을 올려보자</p>
  </div>
</div>

이런식으로 간단한 모달창을 만들어주고,

 

버튼을 만들어서 모달창을 올려도 되고,

 

나 같은 경우에는 체크박스가 checked가 안되었을 경우 모달창을 올릴 것이기 때문에

 

 

            if(paymethod==""){
                $("#Modal3Msg").html("결제수단을 선택하세요.");
                $(".modal").fadeIn();
                return;
            }

 

이런식으로 if문을 걸어서 fadeIn하도록 사용했다.