지속가능한 개발 노트:)

하나만 선택할 수 있는 셀렉트박스(select)와 라디오 버튼(radio button)와 달리 체크 박스는 여러 개를 선택할 수 있죠! 이런 점은 간혹 귀찮음을 주기도 합니다. 예를 들면 여러 개를 선택했는데, 모두 취소하고 다시 선택해야할 때!!ㅎㅎㅎㅎ 그럴 때 사용할 수 있는 기능인 버튼 클릭 한번으로 모든 체크박스 해제하는 방법입니다! AAA BBB CCC DDD Clear All 스타일은 생략할랍니다 ㅎㅎ $('.btn-clear').click(function(){ var searchChk = $('.input-box').find('input') for(var i=0;i HTML 삽입 미리보기할 수 없는 소스 글 읽어주셔서 감사합니다!!

노출된 모달창 혹은 레이어 팝업을 닫을 때 닫기 버튼 혹은 토글 버튼이 아닌 해당 영역외 영역을 눌러서 닫는 기능을 구현하고 싶을 때가 잇지요!! 오늘은 그걸 한번 해보려고 합니다!! 구별하기 편하게 알록달록 색을 넣어보았습니다ㅎㅎ 이런 모양의 모달창이고 HTML과 CSS 코드는 아래와 같습니다! Hello:) .modal-wrap{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);display:none;} .modal-wrap.show{display:block;} .modal{width:500px;height:300px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;..