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" />
게시글 목록
| 번호 | 제목 |
|---|---|
| 755 | |
| 21562 | |
| 21559 | |
| 754 | |
| 750 | |
| 749 | |
| 13899 | |
| 745 | |
| 741 | |
| 739 | |
| 728 | |
| 21546 | |
| 21536 | |
| 25342 | |
| 21500 | |
| 725 | |
| 722 | |
| 713 | |
| 21483 | |
| 21464 | |
| 709 | |
| 706 | |
| 25340 | |
| 25338 | |
| 25335 | |
| 698 | |
| 681 | |
| 679 | |
| 676 | |
| 25333 | |
| 673 | |
| 13894 | |
| 13891 |
JavaScript
PHP 패턴 변경자
2
|
| 664 | |
| 655 | |
| 21451 | |
| 642 | |
| 25332 | |
| 21447 | |
| 29541 |
HTML
시간함수...
3
|
| 21430 | |
| 21423 | |
| 13889 | |
| 638 | |
| 627 | |
| 29540 |
HTML
XSS 방지를 위한 태그 비활성화
|
| 623 | |
| 621 | |
| 617 | |
| 612 | |
| 607 | |
| 25331 | |
| 600 | |
| 13886 |
jQuery
드롭다운 메뉴 CSS with jQuery
2
|
| 21405 | |
| 592 | |
| 13879 | |
| 591 | |
| 583 | |
| 13868 | |
| 25317 | |
| 581 | |
| 21402 | |
| 576 | |
| 13866 | |
| 21365 | |
| 21362 | |
| 21359 | |
| 21354 | |
| 25313 | |
| 21346 | |
| 13865 |
MySQL
테이블의 상태를 리스트로 확인하기
|
| 570 | |
| 567 | |
| 21317 | |
| 13860 |
Linux
리눅스 상에서 오라클 설치 |
4
|
| 25309 | |
| 13859 |
기타
액션스크립트 짜주실분
|
| 21297 | |
| 25307 | |
| 559 | |
| 13855 |
Flash
플래시가 화면에 꽉차게...
3
|
| 21291 | |
| 13853 | |
| 21288 | |
| 13852 |
JavaScript
10g 논리적 백업
|
| 13851 |
기타
백업/복원하기
|
| 21279 | |
| 550 | |
| 25306 | |
| 545 | |
| 13846 | |
| 534 | |
| 21274 | |
| 25297 | |
| 21265 | |
| 25295 | |
| 21262 | |
| 21257 | |
| 21250 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기