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" />
게시글 목록
| 번호 | 제목 |
|---|---|
| 21248 | |
| 13844 | |
| 529 | |
| 13842 | |
| 526 | |
| 29537 |
HTML
갈팡질팡
2
|
| 518 | |
| 502 | |
| 13840 | |
| 25293 | |
| 21244 | |
| 29532 |
HTML
블로그와 그누연동 가능할까요?
4
|
| 25288 | |
| 29531 |
HTML
안녕하세요..질문좀 드릴꼐요 ^^;
|
| 500 | |
| 13836 |
Flash
플래시버튼으로
3
|
| 21241 | |
| 495 | |
| 13832 |
JavaScript
제목에 한글 영문 숫자 와 공란만 입력하게 하고 싶습니다.
3
|
| 25283 | |
| 21236 | |
| 13830 | |
| 490 | |
| 21220 | |
| 21217 | |
| 25277 | |
| 25276 | |
| 25275 | |
| 484 | |
| 13827 | |
| 13825 | |
| 13819 |
JavaScript
[펌] 정규식 고수님들 ㅠㅠ... '차량번호' 정규식좀..
5
|
| 29529 | |
| 13813 | |
| 479 | |
| 21211 | |
| 25273 | |
| 478 | |
| 21201 | |
| 25272 | |
| 21189 | |
| 477 | |
| 476 | |
| 21185 | |
| 474 | |
| 21181 | |
| 21175 | |
| 472 | |
| 470 | |
| 469 | |
| 467 | |
| 465 | |
| 21168 | |
| 25267 | |
| 463 | |
| 21164 | |
| 21161 | |
| 458 | |
| 21146 | |
| 457 | |
| 13807 | |
| 454 | |
| 29528 | |
| 451 | |
| 447 | |
| 21127 | |
| 21122 | |
| 25262 | |
| 25254 | |
| 21119 | |
| 25251 | |
| 25243 | |
| 25239 |
기획서
웹기획서 작성process
3
|
| 21112 | |
| 442 | |
| 21103 | |
| 25233 | |
| 25222 | |
| 25230 | |
| 441 | |
| 21100 | |
| 25215 | |
| 21097 | |
| 21091 | |
| 25212 | |
| 25210 | |
| 25209 | |
| 21083 | |
| 21080 | |
| 439 | |
| 438 | |
| 436 | |
| 25200 | |
| 21066 | |
| 25195 | |
| 21055 | |
| 21051 | |
| 25192 | |
| 21040 | |
| 13803 |
기타
모바일사이트 시안.
3
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기