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

체크박스에 체크를 할때마다 쿼리... 채택완료

재아 10년 전 조회 3,659

일반적인 form 으로 하면 체크박스를 체크한후에 확인이나 sumit 를 눌러서 쿼리 전송을 하거나

.php 등을 통하여 디비 업데이트를 합니다.

 

이렇게 하지 않고요~

 

 

체크박스에 체크를 하면 바로 업데이트를 하는거죠? (실시간)

체크박스에 체크를 또 바로 하면 또 바로 실시간으로 업데이트를 하여 디비값을 업데이트 합니다.

 

별도의 확인버튼이나 alert 창 없이 바로바로 적용을 상태에 따라 하고 싶은데요~

이런건 어떻게 처리 해야 하나요?

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

답변 2개

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

</p><p>$(document).ready(function() {</p><p>    $('#checkbox1').change(function() {</p><p>        //변경 이벤트</p><p>    });</p><p> </p><p>    $('#checkbox1').click(function() {</p><p><span style="font-size: 14.6666669845581px; line-height: 1.5;">        </span><span style="font-size: 11pt; line-height: 1.5;">​</span><span style="font-size: 11pt; line-height: 1.5;">//클릭 이벤트</span></p><p>    });</p><p>});</p><p>

 

위 코드는 jquery 사용 예제지만 잘 찾아보면 jquery 없이 구현해둔것도 있을겁니다. 요점은 change 이벤트나 click 이벤트에 ajax를 붙이는 것입니다.

AJAX등을 사용해서(XMLHttprequest 혹은 jquery의 ajax 관련 함수 사용) 서버에 값 전송뒤 서버에서 변경 쿼리를 보낸뒤 결과값을 받아 확인하면 됩니다.(이건 조금만 검색해 보면 관련 예제들이 많으니 생략하겠습니다)

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

답변에 대한 댓글 1개

재아
10년 전
답변 감사합니다... 검색 해봐야겠네요!..

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

10년 전

ajax 처리해야합니다.  jquery이나, xmlhttpdrequest 객체를 이용해서 ajax처리하는겁니다. 

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

답변에 대한 댓글 1개

재아
10년 전
원리를 좀 알게 된것 같네요!.. 도움이 되었습니다.

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

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

로그인