JavaScript

버튼 클릭 이벤트 삭제시 예 아니오 선택 confirm()확인창 띄우기

유혁스쿨 2020. 10. 4. 19:44
728x90
반응형

확인을 누르면 진행 취소를 누르면 되는 confirm() 확인창

 

 

버튼의 onclick속성에 바로적용

<input type="submit" value="삭제" onclick="if(!confirm('삭제하시면 복구할수 없습니다. \n 정말로 삭제하시겠습니까??')){return false;}" />

 

onclick속성으로 스크립트 함수 호출

<input type="submit" value="삭제" onclick="delOk()" />
<script>
function delOk(){
    if(!confirm('삭제하시면 복구할수 없습니다. \n 정말로 삭제하시겠습니까??')){
        return false;
    }
}
</script>

 

jQuery를 사용하여 지정 id명 클릭이벤트 발생

<input type="submit" id="delOk" value="삭제" />
<script>
$(function(){
    $('#delOk').click(function(){
        if(!confirm('삭제하시면 복구할수 없습니다. \n 정말로 삭제하시겠습니까??')){
            return false;
        }
    });
});
</script>
728x90
반응형