swal Confirm 얼럿 관련 질문입니다.
본문
여러분 덕분에
swal alert 으로 최대한 정리 했습니다. ^^
그러나,
confirm 이 해결이 안되어 질문드립니다.
아래 코드 처럼 진행 했는되요
swal({
text: "한번 삭제한 자료는 복구할 방법이 \n없습니다. 정말삭제하시겠습니까?",
showCancelButton: true,
cancelButtonText: "취소",
confirmButtonText: `확인`,
buttons: ["취소", "확인"],
closeOnConfirm: false,
closeOnCancel : false
}).then(function() {
console.log('확인');
});
위와 같이 하면 확인 및 취소가 같이 실행이 되는 것 같은되요.
확인 누르면 삭제가 실행 되고
취소 누르면 얼럿이 닫히게 할려고 합니다.
조언 부탁드립니다.
답변 1
<!-- https://sweetalert2.github.io/ -->
<link href="http://cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
<script src="http://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
<script>
function swal_confirm() {
Swal.fire({
text: "한번 삭제한 자료는 복구할 방법이 \n없습니다. 정말삭제하시겠습니까?",
showCancelButton: true,
cancelButtonText: "취소",
confirmButtonText: `확인`,
buttons: ["취소", "확인"],
closeOnConfirm: false,
closeOnCancel : false
}).then(function(result) {
// console.log('확인');
console.log(result);
if (result.isConfirmed) {
console.log('확인');
} else {
console.log('취소');
}
});
}
</script>
<input type="button" value="swal_confirm" onclick="swal_confirm()" />
앗! 감사합니다. ^^~
위 자료 기준으로 아래 처럼 했더니 되네요 ㅋㅋㅋ
다시 한번 감사합니다.
아래 코드
swal({
text: "한번 삭제한 자료는 복구할 방법이 \n없습니다. 정말삭제하시겠습니까?",
buttons: ["취소", "확인"],
dangerMode: true
}).then((willDelete) => {
if (willDelete) {
// 확인
} else {
// 취소
return false;
}
});
