<!-- * 모든항목선택 checkbox를 선택하면 취미관련 check박스를 모두 선택하거나 해제를 하고자 하는 코드이다.
하지만 모든항목선택 checkbox를 선택해도 원하는대로 동작하지 않았다.
해당 기능이 적용되지 않은 원인과 조치내용(해결방법)을 작성하세요. -->
<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function() {
var all = document.getElementById("all");
all.addEventListener('click', function() {
checks = document.getElementsByName("hobby");
selected = false;
for ( var i = 0; i < checks.length; i++) {
checks[i].checked = selected;
}
});
}
</script>
</head>
<body>
<input type="checkbox" name="all" id="all" value="모든항목선택">모든항목선택
<p>
취미(중복선택) : <input type="checkbox" name="hobby" value="피아노">
피아노
<input type="checkbox" name="hobby" value="게임">게임
<input type="checkbox" name="hobby" value="테니스">테니스
<input type="checkbox" name="hobby" value="등산">등산
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function() {
var all = document.getElementById("all");
all.addEventListener('click', function() {
checks = document.getElementsByName("hobby");
selected = true; //값변경했음.
for ( var i = 0; i < checks.length; i++) {
checks[i].checked = selected;
}
});
}
</script>
</head>
<body>
<input type="checkbox" name="all" id="all" value="모든항목선택">모든항목선택
<p>
취미(중복선택) : <input type="checkbox" name="hobby" value="피아노">
피아노
<input type="checkbox" name="hobby" value="게임">게임
<input type="checkbox" name="hobby" value="테니스">테니스
<input type="checkbox" name="hobby" value="등산">등산
</p>
</body>
</html>
정답은 아주 간단했음......값만변경
'JQUERY > 예제들' 카테고리의 다른 글
| 회원가입 정규표현식 시험 예제 (0) | 2022.09.29 |
|---|---|
| div숨기기 예제 문제 (0) | 2022.08.26 |
| split("") 빈칸기준 .reverse() 정렬 .join("") 합치고; (0) | 2022.08.25 |
| 객체정보를 prompt받아 for으로 테이블에 출력되는 배열 (0) | 2022.08.25 |
| 회원가입 창만들기 (0) | 2022.08.25 |