Jquery 체크박스 사용법
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>
댓글 4개
{
$("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" />
게시글 목록
| 번호 | 제목 |
|---|---|
| 12651 | |
| 12650 |
JavaScript
query 문자열 최대 길이
|
| 12646 |
JavaScript
이미지 슬라이드 소스입니다(Ajax)
3
|
| 141 | |
| 140 | |
| 138 | |
| 137 | |
| 131 | |
| 130 | |
| 25048 | |
| 12644 | |
| 125 | |
| 122 | |
| 12641 | |
| 12635 |
JavaScript
네비게이션 소스
5
|
| 12632 | |
| 29350 | |
| 12629 |
Linux
서버 관리자라면 요런것도~
2
|
| 29349 | |
| 12628 |
JavaScript
테이블,컬럼 comments (정보관리테이블만들기)
|
| 29348 | |
| 12627 |
MySQL
mysql 연결
|
| 12626 | |
| 12623 |
JavaScript
시간별이미지출력 이것좀봐주세요!~~
2
|
| 25047 | |
| 25045 | |
| 25041 | |
| 25040 | |
| 25038 | |
| 25037 | |
| 117 | |
| 25036 | |
| 12620 | |
| 12618 | |
| 12617 | |
| 12614 |
기타
캐쉬백메뉴
2
|
| 12612 |
JavaScript
배열을이용한이동
1
|
| 12608 |
JavaScript
3dMax를이용한메뉴
3
|
| 12606 |
기타
눈동자
1
|
| 12605 |
기타
눈내리는효과
|
| 29347 |
HTML
심장박동효과
|
| 12604 |
JavaScript
곰장어
|
| 12597 | |
| 12595 |
MySQL
MySQL 형변환 함수
1
|
| 12594 |
MySQL
Mysql 백업 팁
|
| 12593 | |
| 12589 | |
| 12585 | |
| 29346 |
HTML
외부 문서 불러오기
|
| 12584 | |
| 12582 | |
| 12581 | |
| 12580 |
JavaScript
윈도우2003 + Apache 를 위한 SSL 보안서버 구축 팁
|
| 12578 |
JavaScript
AJAX 소스제공 사이트들 입니다.
1
|
| 12576 |
MySQL
쿼리속도 향상과 효율적인 게시판 쿼리
1
|
| 29345 | |
| 12575 |
JavaScript
ORACLE_CATALOG
|
| 12574 | |
| 12573 | |
| 29344 |
HTML
오라클 SQL 기본 간단 정리
|
| 115 | |
| 12572 | |
| 12570 | |
| 29343 |
HTML
레이어를 클릭하면 순서가 바뀌는거에요
|
| 29342 |
HTML
셀렉트 박스 내용을 레이어로 표현
|
| 12569 |
JavaScript
다모임 - 플레이어 입니다(wmv)
|
| 12567 |
JavaScript
디렉토리서비스 소스 입니다.
1
|
| 29337 |
JavaScript
구인 구직 사이트 소스에요~
4
|
| 12566 |
JavaScript
설문조사 소스입니다. 참고하세요.
|
| 12564 |
JavaScript
ASP - FSO 객체 정리한 파일입니다. 많은 도움이 될거에요~
1
|
| 112 | |
| 107 | |
| 104 | |
| 101 | |
| 96 | |
| 94 | |
| 93 | |
| 12563 | |
| 12559 | |
| 88 | |
| 85 | |
| 12558 | |
| 29336 | |
| 29333 |
HTML
버튼소리나는메뉴
2
|
| 84 | |
| 29329 |
HTML
초보자를 위한 포토샵 강좌 63
3
|
| 12556 | |
| 29327 |
HTML
초보자를 위한 포토샵 강좌 61
1
|
| 12554 | |
| 12552 | |
| 12549 | |
| 12545 | |
| 12544 | |
| 29325 |
HTML
초보자를 위한 포토샵 강좌 55
1
|
| 12542 | |
| 12541 | |
| 29324 |
HTML
초보자를 위한 포토샵 강좌 52
|
| 12540 |
JavaScript
초보자를 위한 포토샵 강좌 51
|
| 12539 | |
| 12538 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기