테스트 사이트 - 개발 중인 베타 버전입니다

Jquery 체크박스 사용법

· 16년 전 · 4520 · 4

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>

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

15년 전
function jqCheckAll( id, name )
{
$("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" />
15년 전
jquery 체크박스 사용법
감사합니다.
13년 전
감사합니다.

게시글 목록

번호 제목
12995
12994
12993
JavaScript [SQL]Delete문
29390
29389
12992
12991
29388
29387
29386
29384
29383
29382
25079
12989
12988
25070
12987
29381
12986
12985
12984
12979
12978
12977
12973
12972
12971
29380
12969
12968
12967
29379
12965
12963
29378
12962
12960
29377
12958
12955
12954
12951
12950
12949
12946
12945
12941
12939
12938
12936
12931
29376
12928
29375
12927
12926
12923
12921
12918
12917
12914
12909
12906
12903
12902
298
12901
12891
12888
12886
295
12885
12883
12881
292
12880
290
287
12879
285
12875
12872
280
12857
276
275
25063
271
29369
268
267
12852
12851
265
263
12844
260
12841
12834