fix: 로그인 시, '개인' '기업', 적용 안 되는 버그 수정

main
thkim 2024-06-16 16:11:19 +09:00
parent fdec913637
commit fdf1e41eca
1 changed files with 34 additions and 27 deletions

View File

@ -230,7 +230,7 @@
</li>
</ul>
</div>
<div class="gg-radio-inline login-radio" style="display: none;">
<div class="gg-radio-inline login-radio" id="login-radio" style="display: none;">
<label class="gg-radio gg-radio-outline"> <input
type="radio" name="cls" value="0" data-index="0" checked /> 개인 <span></span>
</label> <label class="gg-radio gg-radio-outline"> <input
@ -268,6 +268,51 @@
<a href="/topMenuSelect.do?url=pwsearch">비밀번호 찾기</a>
</div>
</div>
</div>
</div>
<script>
// 각 버튼 요소 가져오기
var clsButton0 = document.getElementById("cls-button-0");
var clsButton1 = document.getElementById("cls-button-1");
var clsButton2 = document.getElementById("cls-button-2");
// 각 라디오 버튼 요소 가져오기
var radioInputs = document.getElementsByName("cls");
// 버튼 클릭 이벤트 핸들러 함수
function handleButtonClick(event) {
var clickedButtonId = event.currentTarget.id; // 클릭된 버튼의 ID 가져오기
// 클릭된 버튼에 따라 해당 라디오 버튼 선택
if (clickedButtonId === "cls-button-0") {
radioInputs[0].checked = true;
} else if (clickedButtonId === "cls-button-1") {
radioInputs[1].checked = true;
} else if (clickedButtonId === "cls-button-2") {
radioInputs[2].checked = true;
} else {
var loginRadioEle = document
.getElementById("login-radio");
loginRadioEle.style.display = "block";
alert('에러 - 로그인 유형이 존재하지 않습니다.');
}
var accountTypeWrapperEle = document
.getElementById("account-type-wrapper");
accountTypeWrapperEle.style.display = "none";
var signinWrapperEle = document
.getElementById("signin-wrapper");
signinWrapperEle.style.display = "block";
}
// 각 버튼에 클릭 이벤트 리스너 추가
clsButton0.addEventListener("click", handleButtonClick);
clsButton1.addEventListener("click", handleButtonClick);
clsButton2.addEventListener("click", handleButtonClick);
</script>
<script>
// 아이디 저장 체크박스 요소 가져오기
const rememberIdCheckbox = document.getElementById("rememberId");
@ -293,44 +338,6 @@
}
});
</script>
</div>
</div>
<script>
// 각 버튼 요소 가져오기
var clsButton0 = document.getElementById("cls-button-0");
var clsButton1 = document.getElementById("cls-button-1");
var clsButton2 = document.getElementById("cls-button-2");
// 각 라디오 버튼 요소 가져오기
var radioInputs = document.getElementsByName("cls");
// 버튼 클릭 이벤트 핸들러 함수
function handleButtonClick(event) {
var clickedButtonId = event.target.id; // 클릭된 버튼의 ID 가져오기
// 클릭된 버튼에 따라 해당 라디오 버튼 선택
if (clickedButtonId === "cls-button-0") {
radioInputs[0].checked = true;
} else if (clickedButtonId === "cls-button-1") {
radioInputs[1].checked = true;
} else if (clickedButtonId === "cls-button-2") {
radioInputs[2].checked = true;
}
var accountTypeWrapperEle = document
.getElementById("account-type-wrapper");
accountTypeWrapperEle.style.display = "none";
var signinWrapperEle = document
.getElementById("signin-wrapper");
signinWrapperEle.style.display = "block";
}
// 각 버튼에 클릭 이벤트 리스너 추가
clsButton0.addEventListener("click", handleButtonClick);
clsButton1.addEventListener("click", handleButtonClick);
clsButton2.addEventListener("click", handleButtonClick);
</script>
</form>
</div>
<!-- 로그인 끝 -->