티스토리 뷰
구글 검색하다가 참고한 소스에서 약간 변형하여 적용.
<!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>
'JavaScript' 카테고리의 다른 글
| 쿠키 이용하여 로그인 아이디 저장하기 (0) | 2018.03.22 |
|---|---|
| input text 값 비교 (0) | 2018.02.23 |
| 동적 테이블 (0) | 2018.01.11 |
| 숫자만 입력 받기(키패드 도트(.) 도 방지 됨) (0) | 2018.01.09 |
| 자바스크립트로 변수 넘기기 (0) | 2014.08.13 |