오라클자바커뮤니티 강좌, jQuery를 입력 양식 이벤트 change 이론및 실습입니다.
오라클자바커뮤니티에서 설립한 오엔제이프로그래밍 실무교육센터
(오라클SQL, 튜닝, 힌트,자바프레임워크, 안드로이드, 아이폰, 닷넷 실무전문 강의)
change : 상태가 변경 될 때 이벤트 발생
<html>
<head>
<meta charset="utf-8"/>
<script src="/ajaxjquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//ALL 체크박스가 변동되면,
$("#mychk").change(function() {
if (this.checked) {
//check_item아래 전체 체크박스를 true
$("#check_item").children().attr("checked",true);
} else {
$("#check_item").children().attr("checked",false);
}
});
});
</script>
<body>
<form id="myform">
<input type="checkbox" id="mychk"/>
<label>ALL</label><!-- 여기 체크하면 아래전무 체크되거나 해제됨 -->
<div id="check_item">
<input type="checkbox"/>
<label>A</label>
<input type="checkbox"/>
<label>B</label>
<input type="checkbox"/>
<label>C</label>
</div>
</form>
</body>
</html>
댓글 없음:
댓글 쓰기