체크박스 특정 박스 선택만 남고 모두 해제
구글 검색하다가 참고한 소스에서 약간 변형하여 적용.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function job_chk(button) {
alert("7등급을 선택");
var tmpEle = document.getElementsByName("auth") // name 이 Job 인 객체만 추출
if (tmpEle[6].checked == true) { //7등급이 체크가 되면
for (var i = 0; i < tmpEle.length; i++) { //선택한 등급을 제외한 수만큼 for 수행. i는 등급 위치
if(i != 6)
{
if (tmpEle[i].checked == true) {
tmpEle[i].checked = false;
} // 선택 해제
tmpEle[i].disabled = true;
}
}
//선택 체크박스 해제시 선택 풀림
} else {
for (var i = 1; i < tmpEle.length; i++) {
tmpEle[i].disabled = false;
}
}
}
</script>
</head>
<body>
<input type="checkbox" name="auth" value="1"> 1등급
<input type="checkbox" name="auth" value="2"> 2등급
<input type="checkbox" name="auth" value="3"> 3등급
<input type="checkbox" name="auth" value="4"> 4등급
<input type="checkbox" name="auth" value="5"> 5등급
<input type="checkbox" name="auth" value="6"> 6등급
<input type="checkbox" name="auth" value="7" onclick="job_chk()"> 7등급
<input type="checkbox" name="auth" value="8"> 8등급
<input type="checkbox" name="auth" value="9"> 9등급
</body>
</html>