티스토리 뷰
HTML로 TOP 체크박스를 선언해주었다.
JavaScript로 선언해서 JQuery로 리스트를 뿌려주었다.
체크박스 전체선택 / 전체해제 되게 하는 방법
1. Head 부분의 체크박스에 클래스를 준다.
checkbox-head my-list 로 준다. --> Head를 지정한다
1 | <input type="checkbox" id="DUL-CheckboxTop" name="DUL-CheckboxTop" class="checkbox-head my-list" /> | cs |
2. 리스트 부분의 뿌려지는 체크박스에 클래스를 준다.
ckeckbox-item my-list로 준다. -->Item을 지정한다.
1 2 3 | <input type=\"checkbox\" class=\"checkbox-item my-list\" id=\"DUL-check_"+dataObject.userUuid+"_" +(parseInt(dataObject.vmCnt, 10)+parseInt(dataObject.vmPoolCnt, 10))+"\" name=\"DUL-Checkbox\" value=\"" +dataObject.userUuid+"_"+(parseInt(dataObject.vmCnt, 10)+parseInt(dataObject.vmPoolCnt, 10))+"\" />"; | cs |
3. document.ready() function 부분에 checkbox action을 설정한다.
1 | $.checkboxGroup('my-list'); | cs |
끗
이아니라 우리 소스에 맞게 되어있던걸 이해도 못하고 적어놧다ㅠㅠ
바보같았으나 삭제하지 않겠다!
↓
'업무 > 스프링프로젝트' 카테고리의 다른 글
[JS] jQuery 페이지 첫번째 textbox 입력 필드 포커스 / $("").focus(); (0) | 2016.07.06 |
---|---|
[JS] 팝업창 닫으면서 부모창 Refresh / refreshFunction (0) | 2016.07.05 |
[JS] javaScript 팝업창 X 버튼 닫기 / frameClose() / window.close() (0) | 2016.06.24 |
[HTML/CSS] SelectBox 페이징시 상단에 selectbox 안보이게 / display:none (0) | 2016.06.22 |
[JS] 웹페이지에서 EXE 실행시키기(에대한 잡담) (3) | 2016.06.20 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 체크박스전체선택
- windows 8.1
- 자바
- servlet
- 게시판페이지설계
- Hyper-V
- 스크립팅 요소
- Split
- spring
- jsp
- 체크박스전체해제
- 윈도우8.1
- 자바스크립트
- input[type=file]초기화
- 게시판table설계
- Javascript
- foreach 배열
- 이클립스DB연결
- input[type=text]초기화
- jsp 기초 개념
- java
- windows hyper-v
- 제이쿼리
- 스프링
- SQL
- c 태그
- 체크박스
- String[] 파라미터
- servlet게시판
- selectbox에 값 매핑
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함