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" />
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 30 |
아우겐나이스
|
21년 전 | 4113 | |
| 29 |
아우겐나이스
|
21년 전 | 4486 | |
| 28 |
아우겐나이스
|
21년 전 | 3511 | |
| 27 | 21년 전 | 5892 | ||
| 26 | 21년 전 | 3168 | ||
| 25 | 21년 전 | 6146 | ||
| 24 | 18년 전 | 3704 | ||
| 23 | 21년 전 | 3698 | ||
| 22 | 21년 전 | 4286 | ||
| 21 | 21년 전 | 3877 | ||
| 20 | 21년 전 | 4284 | ||
| 19 | 21년 전 | 6732 | ||
| 18 | 21년 전 | 4779 | ||
| 17 | 21년 전 | 7024 | ||
| 16 | 21년 전 | 4217 | ||
| 15 | 21년 전 | 2681 | ||
| 14 | 21년 전 | 5015 | ||
| 13 | 21년 전 | 3440 | ||
| 12 |
Recluse
|
21년 전 | 3919 | |
| 11 |
아우겐나이스
|
21년 전 | 3600 | |
| 10 |
Recluse
|
21년 전 | 3443 | |
| 9 | 21년 전 | 4060 | ||
| 8 | 21년 전 | 5232 | ||
| 7 | 21년 전 | 4806 | ||
| 6 | 21년 전 | 5757 | ||
| 5 | 21년 전 | 4164 | ||
| 4 | 21년 전 | 4900 | ||
| 3 | 21년 전 | 4786 | ||
| 2 | 21년 전 | 3291 | ||
| 1 | 22년 전 | 4383 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기