Bon Voyage!

웹에서 게시판을 개발하다보면 필수로 사용하는 기능 중에 하나가 체크박스 전체선택해제하는 기능입니다. 간단한 예제를 통해 전체선택해제에 대해 알아보겠습니다. Select All Name Age John 30 Jane 25 Michael 40 전체 선택 이름 나이 존 30 제인 25 마이클 40 동일한 테이블 두개를 가지고 Javascript와 JQuery로 체크박스 전체선택해제를 하는 예제입니다. 둘 다 동일하게 전체선택 체크박스의 id 값을 이용해 동일한 name 값을 가진 체크박스들을 전체선택하거나 해제할 수 있는 예제를 만들었습니다. 여러분 취향껏 Javascript와 JQuery 예제 중 하나를 선택해서 응용해 사용해보시기 바랍니다.

웹에서 가장 많이 필요로 하는 기능 중 하나가 체크박스 선택된 값 가져오는 기능입니다. 이번에는 Javascirpt와 JQuery로 체크박스 선택된 값을 가져오는 법에 대해 알아보겠습니다. 과일을 선택하세요: apple banana orange javascript로 선택 확인 jquery로 선택 확인 이 예제에서는 체크박스로 표현된 세 가지 과일 선택 여부를 확인할 수 있습니다. 먼저 javascript로 만들어진 '선택 확인' 버튼을 클릭하면 getSelectedFruits() 함수에서 체크박스 값을 모두 찾아 배열에 저장한 다음 반복문을 통해 선택된 과일만 별도로 저장해 알림 창으로 출력해줍니다. 체크박스가 체크되면 해당 체크박스 요소의 checked 속성이 true로 설정되기 때문에 if문에 이 속..