테스트 사이트 - 개발 중인 베타 버전입니다

영카트 주문서작성 체크박스 버튼 추가 채택완료

초자 10년 전 조회 6,011

안녕하세요

 

영카트 기본소스 쇼핑몰

 

주문서 작성 페이지(orderform.php)에서

 

결제하기 버튼을 누르기 전에 반드시 체크해야될 체크박스 버튼을 하나 추가하고

 

그 체크박스를 체크하지 않으면 결제가 안되게 하고싶은데 어떻게 수정을 해야할까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
10년 전

체크박스가 어떤 의도인지는 모르겠습니다만,  단순하게 사용자에게 경고나 반드시 알려야 할 정보가 있을 경우에

 

꼭 체크하도록 하려는 의도시라면, 사용자 영역에서 javascript를 사용하여

 

결제 버튼을 눌렀을 때, 체크박스가 체크 되어있는지 확인하고 체크 되어있지 않다면

 

결제 버튼이 진행되지 않도록 하시면 됩니다.

 

아래 소스를 참고하시면 됩니다.

 

</p><p>function forderform_check(f) {</p><p style="margin-left: 40px;">  if ($("input:checkbox[id='element_id']").is(":checked")==false){
     return false;
 }</p><p style="margin-left: 40px;"> </p><p style="margin-left: 40px;">...</p><p style="margin-left: 40px;">...</p><p style="margin-left: 40px;"> </p><p style="margin-left: 40px;">

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

초자
10년 전
<input type="checkbox" id='agree_check'></input>
<label style="font-size:15px;" for='agree_check'>위 내용을 충분히 숙지하였으며 구매 요청합니다.</label></div>


<script>

function forderform_check(f) {

if ($("input:checkbox[id='agree_check']").is(":checked")==false){
alert("위 내용을 충분히 숙지하신 후에 동의해주세요.");
return false;
}

...
...

}

</script>


이런식으로 작업했는데 결제하기를 누르면 체크도 안했는데 그냥 넘어갑니다.
뭐가 문제일까요 ㅠ
박쥐12
10년 전
[code]
<script>

function forderform_check(f) {

console.log($("input:checkbox[id='agree_check']").is(":checked")); //임시로 추가

if ($("input:checkbox[id='agree_check']").is(":checked")==false){
alert("위 내용을 충분히 숙지하신 후에 동의해주세요.");
return false;
}

...
...

}

</script>
[/code]
IE10이하 기준으로 탭메뉴 콘솔이라고 있습니다. 거기에서 주문버튼을 누르면 false라는 글자가 찍히는지 확인해보세요.

아니면 순수 자바스크립트로 해보시고요.
[code]
if (document.getElementById("agree_check").checked==false){
[/code]

그래도 안되면 콘솔로그를 봐야 할것 같습니다.
다른 자바스크립트 문법에서 오류가 나거나 해서 코드가 실행되지 않는 것일 수도 있습니다.
초자
10년 전
크롬, IE 11에서 작업중입니다.

이번엔 결제방식을 선택안하고

결제하기를 눌러봤는데


하얀화면에
URL은 /shop/orderformupdate.php로 되어있고

od_settle_case Error!!!

라는 문구가 나오네요.

체크박스 선택을 안했는데도 넘어가고요...


결제방식 선택 후에 결제하기 버튼을 누르면

아까 전에 말씀드렸던거처럼

체크박스 선택을 안했는데도 넘어갑니다.


다른 부분에 문제가 있는걸까요?
박쥐12
10년 전
이전 코드에 문제가 없었다면
닫기 태그를 하나 빼먹으셨는지 확인해보세요.
아래 세줄이 들어가야 합니다.

if ($("input:checkbox[id='element_id']").is(":checked")==false){
return false;
}
초자
10년 전
해결됬습니다. 감사합니다~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인