컴공생의 다이어리
[js] confirm(선택창) 본문
javascript confirm(선택창)
javasciprt에서 아래와 같이 확인, 취소 선택이 가능한 창을 만들기 위해서는 confirm() 함수를 사용하면 된다.
아래의 <script> 태그 속 confirm_btn() 함수 안에 confirm() 함수를 if else 문을 통해 확인 버튼을 눌렀을 때와 취소 버튼을 눌렀을 때 다르게 이벤트를 처리할 수 있다.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>홈</title>
</head>
<script type="text/javascript">
function confirm_btn(){
if(confirm("확인 혹은 취소 버튼을 누르세요")){ // 확인 버튼을 눌렀을 때
alert("확인 버튼을 누르셨습니다.");
}else{ // 취소 버튼을 눌렀을 때
alert("취소 버튼을 누르셨습니다.");
}
}
</script>
<body>
<button id="confirmBtn" onclick="confirm_btn()">선택창</button>
</body>
</html>
https://ungdoli0916.tistory.com/471
(즐거웅코드) 자바스크립트 confirm(선택창) true/false 구분하여 이벤트 실행시키기
[즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 4 5 6 7 if (!confirm("확인(예) 또는 취소(아니오)를 선택해주세요.")) { // 취소(아니오) 버튼 클릭 ..
ungdoli0916.tistory.com
728x90
'Development > Network & Web' 카테고리의 다른 글
| [JSTL] date format(날짜 형식) (0) | 2022.01.30 |
|---|---|
| [js] location.href와 location.replace (0) | 2022.01.25 |
| [JSTL] 변수 선언 및 출력 - <c:set>, <c:out> (0) | 2022.01.23 |
| [JSTL] if~ else~문 - <c:if>, <c:choose> (0) | 2022.01.22 |
| Tomcat 서버 기본 url(Context-path) 변경 (0) | 2022.01.13 |
Comments