Jquery 체크박스 사용법

정권짱

· 16년 전 · 조회 4517 4517 · 댓글 4 4

jquery를 이용한 체크박스 부분에 관련된 내용이 없어서 간단하게 한번 만들어보았습니다.

저보다 더 좋은 내용이 있으면 코멘트 달아주세요

<html>
<head>
<title></title>
<script type="text/javascript" src="./script/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#selectall").click(selectAll);
$("#save").click(save);
});
function selectAll()
{
var checked = $("#selectall").attr("checked");
$(".box").each(function(){
  var subChecked = $(this).attr("checked");
    if (subChecked != checked)
   $(this).click();
});
}

function save()
{
var result = "";
$(".box:checked").each(function() {
$("#"+$(this).val()).remove();
  result += $(this).val();
  //AJAX로 넘겨줄때는
  //.get('XXX.php',{SelType:$(this).val()});

});
alert(result);
}
</script>
</head>
<body>
<table>
<tr><td><input type="checkbox" id=selectall></td><td>1전체선택</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="1" class="box"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="2" class="box"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="3" class="box"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="4" class="box"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="5" class="box"></td><td>1</td></tr>
<tr><td><input type="button" value="저장" id="save"></td></tr>
</table>
</body>
</html>

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

강한백성

프로필 보기 이 회원 글보기

15년 전

function jqCheckAll( id, name )
{
$("INPUT[@name=" + name + "][type='checkbox']").attr('checked', $('#' + id).is(':checked'));
}

<input type="checkbox" name="checkAll" id="checkAll" onclick="jqCheckAll( this.id, '체크할 체그박스 Name' )" class="ckbox" />

<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />

물통행님

프로필 보기 이 회원 글보기

15년 전

jquery 체크박스 사용법

여리82

프로필 보기 이 회원 글보기

13년 전

감사합니다.

조박사님

프로필 보기 이 회원 글보기

13년 전

감사합니다.

게시글 목록

번호	제목	글쓴이	조회	날짜
13454	기타 json 사용시 엔터(newline) 넘길때 에러나는 경우 2	관리자	5,062	16년 전
29442	HTML php 에서 xml 자유롭게 쓰기 4	토마	2,303	16년 전
13451	기타 쇼핑몰 클릭 수량조절 2	웹자인	3,402	16년 전
13448	jQuery 자동등록방지코드 2	웹자인	2,637	16년 전
13446	기타 요일, 시간마다 다른 CSS 제어 1	넨네	1,553	16년 전
13445	jQuery ajax modal window (ajax 모달창)	관리자	5,345	16년 전
13442	jQuery 간단하게 Round, 그라디언트 처리하기!! 2	난빨라	2,460	16년 전
13439	PHP PHP 숫자 입력 유효성 체크 2	해피정	5,951	16년 전
13437	기타 [보완] 폼의 첫번째 입력박스에 포커스 주기 1	관리자	1,933	16년 전
13434	기타 만료된 페이지 만들기 2	관리자	4,012	16년 전
13429	MySQL group by 를 이용한 학생들 과목 총점, 평점 만들기 예제 2	듀크	3,021	16년 전
13425	기타 GD 를 이용한 테이블 포토 (imagecolorat) 3	RINIX	2,206	16년 전
13423	기타 iframe내의 id셀렉터 1	데니크레인	2,231	16년 전
13418	jQuery 탭메뉴 4	눈까리	4,407	16년 전
13410	기타 euc-kr 을 utf-8 파일로 일괄 변환하는 쉘 스크립트 7	관리자	3,288	16년 전
13408	기타 사업자 등록번호 체크 로직 1	띠링	2,821	16년 전
13407	기타 팝업창에서 opener창으로 post방식 submit()하기 예제	띠링	2,954	16년 전
13406	기타 수학 함수 모음	띠링	2,070	16년 전
29441	HTML 변수 함수 모음	띠링	1,758	16년 전
13405	JavaScript URL 함수 모음	띠링	1,671	16년 전
13404	기타 디렉토리 함수 모음	띠링	1,394	16년 전
13401	JavaScript 파일 함수 모음 2	띠링	1,664	16년 전
13400	기타 문자열 함수 모음	띠링	1,897	16년 전
13399	기타 날짜 및 시간 함수 모음	띠링	1,589	16년 전
13395	MySQL Mysql 날짜관련 함수 모음 3	heisher	4,837	16년 전
13391	jQuery jquery scrolling menu 3	부용	3,817	16년 전
29435	HTML 브라우저 안에 떠다니는 이미지 ~ (플로팅 광고) 5	아제아제	1,781	16년 전
13389	JavaScript 정규 표현식 입문서? "손에 잡히는 정규 표현식" 1	root	1,522	16년 전
13386	정규표현식 정규표현식 검사기 2	root	2,258	16년 전
13381	jQuery Jquery 체크박스 사용법 4 현재글	정권짱	4,518	16년 전
13377	Flash sql 인젝션 복구쿼리 3	카이루	3,537	16년 전
13370	JavaScript 페이지 자동이동하기 팁(여기 없는 거) 6	돌알터	2,571	16년 전
13367	MySQL mysql 유저 생성, 권한 부여 2	종현이	4,326	16년 전
13366	JavaScript 자바스크립트 쿠키 생성, 삭제	종현이	3,196	16년 전
13364	기타 현재 웹호스팅중이면 같은 서버에 호스팅 수 1	종현이	1,346	16년 전
13362	기타 넘겨온 변수의 이름을 추출하는 함수.. 1	heisher	1,365	16년 전
29432	HTML cursor:hand 손모양 스타일...... 2	heisher	2,029	16년 전
29428	HTML 엔터치면 다음칸으로 이동. 3	카이루	1,876	16년 전
13361	jQuery IBM 한국 jQuery 기술자료	root	2,555	16년 전
13360	기타 prototype.js를 위한 개발자 노트	root	2,227	16년 전
13358	기타 [펌] mod_rewrite 별도 설치 1	관리자	1,357	16년 전
13354	JavaScript 접속아이피로 접속국가 및 지역 확인 및 보안응용 (접속허가, 접속불가 등) GeoIP 3	ibsp	4,374	16년 전
13351	JavaScript 이미지 자동으로 사이즈 정해주는 방법은 어떻게 하나요? 2	냐옹냐옹	1,468	16년 전
29427	HTML input 박스에 enter 키를 치면 다른 input 박스로 넘어가기	Hope	1,776	16년 전
13346	기타 텍스트 필드 css 적용하기.. 4	눈까리	2,196	16년 전
13340	jQuery lightbox 수정 2차 완료 5	RINIX	3,828	16년 전
13337	jQuery jQuery Javascript Library v1.3.2 에 onmousewheel 이벤트 추가 하기..^^ 2	RINIX	2,725	16년 전
13334	기타 lightbox 를 가지고 수정중 1차 완료 올려 봅니다. 2	RINIX	1,480	16년 전
13328	jQuery 선물입니다. 5	쿤나인	4,006	16년 전
13326	JavaScript virtual hosts 1	Coolpis	1,383	16년 전
13325	기타 asp 글 삭제하기	카이루	1,571	16년 전
13324	기타 asp 글 수정하기	카이루	1,233	16년 전
13323	기타 asp 글읽기	카이루	1,707	16년 전
29426	HTML asp 목록보기	카이루	1,604	16년 전
13322	JavaScript asp 저장하기	카이루	1,620	16년 전
13321	기타 asp 글쓰기	카이루	1,416	16년 전
13315	기타 if문에 사용한 연산자 정리.. 5	카이루	2,168	16년 전
29424	HTML 저기..급한데요.. admin데이타를 삭제해버렸는데 혹시 복구 되나요? 1	해숙이	1,810	16년 전
13312	JavaScript 오픈 api 에 사용할 XML 파서 따끈한거 테스트 부탁드립니다....^^ 2	RINIX	1,959	16년 전
29422	HTML <form 안에 있는 checkbox를 radio 처럼 쓰기 1	엑스엠엘	2,171	16년 전
25114	임대차계약 해지 및 기타비용 지급 관련 내용증 1	a1system	1,461	16년 전
13308	jQuery [소개] jQuery LIightbox - 갤러리 최신글로 적합합니다. 3	엑스엠엘	2,297	16년 전
13307	기타 z-index 최고값 알아 내기	엑스엠엘	2,244	16년 전
13305	JavaScript if문 축약해 사용하기 1	제일생명	4,517	16년 전
13304	JavaScript 체크 상자 몇개 이상 채크시 경고창 및 개수이상 클릭못하게하기	TopSchooL	1,279	16년 전
25111	2007년 오픈소스SW 라이선스 가이드 2	보충교육	1,038	16년 전
29421	HTML 테이블 복사	잠자리똥꾸멍	1,996	16년 전
13301	기타 $.get 대신 $.post 권장 2	태양의서쪽	1,968	16년 전
13299	기타 1단계 <td>에만 접근하기 1	태양의서쪽	1,505	16년 전
13296	jQuery 별거는 아니지만 2	태양의서쪽	2,028	16년 전
13292	JavaScript [VIM] vim으로 소스코드 범위 설정하여 영역을 접고 펴기 3	똥싼너구리	2,261	16년 전
13291	기타 mod_vhost_dbd	엑스엠엘	1,380	16년 전
13290	JavaScript "웹표준에 관한 타입 선언"- 필요하신 분은 참고하세요...	티파니	1,724	16년 전
13289	정규표현식 정규표현식 요약본 바탕화면 이미지 (Wallpaper)	마냐	1,914	16년 전
13288	기타 JavaScript 요약본 바탕화면 이미지 (Wallpaper)	마냐	1,000	16년 전
13287	MySQL MySQL 요약본 바탕화면 이미지 (Wallpaper)	마냐	1,679	16년 전
13286	기타 PHP 요약본 바탕화면 이미지 (Wallpaper)	마냐	1,396	16년 전
13285	기타 goto_url 대용으로 사용할만한	홈이네	1,899	16년 전
13284	기타 아파치 설치문서	freedays	1,315	16년 전
29420	HTML utf8 한번에 변환프로그램 상위폴더파일까지 변환	헌이	2,195	16년 전
13283	JavaScript 글자 쪼개서 배열에 넣기	홈이네	1,876	16년 전
13277	jQuery jQuery 요약본 바탕화면 이미지 (Wallpaper) 5	관리자	5,858	16년 전
13274	PHP get 변수에서 원하는 값만 바꾸기 2	홈이네	1,907	16년 전
13266	MySQL MySQL 상태보기 (MySQL튜닝하기) 7	카이루	3,676	16년 전
13265	기타 항상 같은곳에 광고창 만들기	윈윈윈	1,463	16년 전
13262	기타 링크 관련 팁 예제 입니다. 2	RINIX	1,750	16년 전
13261	jQuery 링크 관련 활용	RINIX	2,062	16년 전
13259	MySQL Slow Query Log 1	엑스엠엘	2,602	16년 전
13254	JavaScript 폼의 첫번째 입력가능한 필드에 FOCUS 주기 4	관리자	2,297	16년 전
13250	기타 $_SERVER[HTTP_REFERER] 사용가능하게 하기 3	홈이네	2,746	16년 전
29419	HTML [펌] 1264 : Out of range value adjusted for column 'field' at row 1	관리자	2,981	16년 전
13242	기타 원격이미지 썸네일 수정본 7	유창화	3,004	16년 전
13241	기타 [VIM] 한글 깨질 때	똥싼너구리	1,812	16년 전
13236	기타 웹표준 팁 XHTML1.1 4	똥싼너구리	1,530	16년 전
13235	기타 [VIM] 으로 간단히 소스코드 Packing 하는법	똥싼너구리	1,408	16년 전
29418	HTML 레이어 좌표 이동-1	싸랑	1,721	16년 전
29417	HTML 프레임 제어속성	싸랑	1,202	16년 전
13234	기타 이미지 좌우로 이동 갤러리	싸랑	1,956	16년 전
13233	기타 QValidator - POST/GET으로 넘어오는 데이터를 검증해서 배열로 반환해주는 클래스	똥싼너구리	1,730	16년 전
13231	기타 부메뉴 나오게 하기 짜집기판... 1	카이루	1,602	16년 전

이전 다음

58 59 60 61 62

전체 목록