jquery4 jquery - checkbox 제어하기(3) 이번엔 간단하게 웹페이지의 체크박스 리스트에서 값을 조회해 보자 var v = ''; for (var i = 0; i < $("input:checkbox").length; i++) { if ($("input:checkbox")[i].checked == true) { v = v + "|" + $("input:checkbox")[i].value; } } 이런식으로 배열의 첨자를 하나씩 증가시키며 값을 조회해도 된다. ▷jquery checkbox 제어하기(2) ▷jQuery로 checkbox 제어(1) 2009. 4. 24. jquery checkbox 제어하기(2) 지난 번(가기)에 이어 이번엔 간단하게 웹페이지에 있는 모든 체크박스를 모두 체크하고 모두해제하는 간단한 함수를 만들어 보자 $(document).ready(function() { $("#ckAll").click(function() { if ($("#ckAll:checked").length > 0) { $("input:checkbox:not(checked)").attr("checked", "checked"); } else { $("input:checkbox:checked").attr("checked", ""); } }); }); 모두체크/해제 위와 같은 체크박스가 있고 아래로 주주룩 체크박스들이 있다고 하자 위의 소스는 #ckAll 체크박스의 click 이벤트를 잡아서 동작한다. 만약에 #ckAll 이 .. 2009. 4. 21. jQuery로 checkbox 제어(1) 일단 Body에 제어할 checkbox를 놓아두자. 1 2 3 4 스크립트 제어부분 Body안에는 제어할 체크박스를 위치하고 각각의 기능을 할 버튼을 세게 배치 하였다. 첫번째 버튼은 현재 체크되어 있는 체크박스의 수를 센다. 01번 위치의 스크립트를 보면 #btnCheck ID를 가진 버튼의 Click Event가 발생하면 실행되는 부분이다. $("input:checkbox:checked").length 는 현재 웹페이지의 checkbox의 check 된 element의 수를 센다. 02번 #("input:checkbox:not(checked).attr("checked","checked") 는 현재 웹페이지에서 체크되지 않은 [ not(checked) ] checkbox에 checked 어트리뷰트를 추.. 2009. 2. 15. 즐겨찾기 SilverLight http://silverlight.net/ 실버라이트 공식 홈페이지(영문) http://onestone.tistory.com/ 실버라이트 관련 블로그(한글) http://www.microsoft.com/expression/try-it/default.aspx Expression 다운로드 JAVA java 도움말 다운로드 java API Doc(chm) 한글번역본 다운로드 jQuery http://docs.jquery.com/Selectors http://www.ibm.com/developerworks/kr/library/x-ajaxjquery.html 2008. 3. 11. 이전 1 다음