| CheckBoxAllCheck.htm |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>체크박스 선택 및 선택 해제 </title> <script src="../../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { //[1] 전체 선택 체크 박스 클릭시 $('#chkAll').click(function () { // ul에 포함 되어져 있는 모든 체큽박스를 가져옴 var $checkboxes = $(this).parents('ul:first').find(':checkbox'); // chkAll 체크 되어져 있다면 "체크 선택" -> "선택 해제" if (this.checked) { $(this).next().text("선택해제"); // <em>의 텍스트 $checkboxes.attr('checked', 'true'); else { $(this).next().text('전체선택'); $checkboxes.attr('checked', ''); } }); }); </script> </head> <body> <ul> <li><label><input type="checkbox" id="chkAll" /><em>전체선택em></label></li> <li><label><input type="checkbox" id="Checkbox1" />C#</label></li> <li><label><input type="checkbox" id="Checkbox2" />ASP.NET</label></li> <li><label><input type="checkbox" id="Checkbox3" />Silverlight</label></li> <li><label><input type="checkbox" id="Checkbox4" />WPF</label></li> </ul> </body> </html> |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 84장 JQuerySample 예시 테이블 (TableEvenOdd.htm) (0) | 2009.11.25 |
|---|---|
| 83장 JQuerySample 예시 테이블 (Table.htm) (0) | 2009.11.25 |
| 81장 JQueryPlugIn 사진 상세 보기 (RedPlusPhotoView.htm) (0) | 2009.11.25 |
| 80장 JQueryPlugIn 새로운 함수 생성 (Replace.htm) (0) | 2009.11.25 |
| 79장 JQueryUI 탭 컨트롤 (Tabs.htm) (0) | 2009.11.25 |