티스토리 뷰






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





이아니라 우리 소스에 맞게 되어있던걸 이해도 못하고 적어놧다ㅠㅠ

바보같았으나 삭제하지 않겠다!


http://daydreamer-92.tistory.com/80

댓글