728x90
회원탈퇴를 진행하는 도중 체크박스로 동의 여부를 받기 위해 체크박스 사용법을 기록
<head>
...
<script type="text/javascript">
// 체크박스 체크여부 확인
function CheckForm(secession) {
var chk=document.secessionForm.check.checked;
if(!chk){
alert("체크박스를 체크해주세요.");
return false;
}
}
</script>
</head>
<body>
<form th:action="@{/account/secession}" method="post" name="secessionForm" onsubmit="return CheckForm(this)">
...
<div class="checkbox mt-3 mb-3">
<label>
<input type="checkbox" name="check" value="agreement"> 정말 탈퇴하시겠습니까?
</label>
</div>
</form>
</body>- form 태그에 name과 onsubmit(js 함수)을 설정
- form > input 태그의 name 설정
- script태그로 body 부분에서 정의한 name들로 함수를 정의해서 사용.
- document.[form태그 이름].[input 체크박스 이름].checked
- alert : 팝업창
'Web > JAVASCRIPT' 카테고리의 다른 글
| [Jquery] 특정 태그 뒤에 새로운 태그 생성 (0) | 2022.01.04 |
|---|---|
| [Jquery] 이름으로 태그 불러오기 & 태그 숨기기 (0) | 2022.01.04 |
| [JavaScript] 확인창 및 팝업창 띄우기 (0) | 2022.01.03 |
| [Jquery] html 태그 바꾸기 (0) | 2022.01.03 |
| [JavaScript] 다른 태그 값, 양식 작성값(input, textarea ..)가져오기 (0) | 2022.01.03 |