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" />
게시판 목록
팁게시판
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5952 | 9년 전 | 247 | ||
| 5951 | 9년 전 | 186 | ||
| 5950 | 9년 전 | 262 | ||
| 5949 | 9년 전 | 413 | ||
| 5948 | 9년 전 | 167 | ||
| 5947 | 9년 전 | 186 | ||
| 5946 | 9년 전 | 170 | ||
| 5945 | 9년 전 | 322 | ||
| 5944 | 9년 전 | 322 | ||
| 5943 | 9년 전 | 400 | ||
| 5942 | 9년 전 | 330 | ||
| 5941 | 9년 전 | 515 | ||
| 5940 | 9년 전 | 414 | ||
| 5939 | 9년 전 | 353 | ||
| 5938 |
씨에이치넷
|
9년 전 | 1268 | |
| 5937 | 9년 전 | 379 | ||
| 5936 | 9년 전 | 344 | ||
| 5935 | 9년 전 | 333 | ||
| 5934 | 9년 전 | 270 | ||
| 5933 | 9년 전 | 692 | ||
| 5932 | 9년 전 | 258 | ||
| 5931 | 9년 전 | 281 | ||
| 5930 | 9년 전 | 472 | ||
| 5929 | 9년 전 | 272 | ||
| 5928 | 9년 전 | 322 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기