감

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>

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

댓글 4개

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" />
jquery 체크박스 사용법
감사합니다.
감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
jQuery 09-08-14 조회 5,175
JavaScript 09-08-12 조회 3,127
정규표현식 09-08-12 조회 5,075
jQuery 09-07-24 조회 6,277
Flash 09-07-23 조회 5,400
JavaScript 09-07-22 조회 4,028
MySQL 09-07-22 조회 6,085
JavaScript 09-07-22 조회 5,291
기타 09-07-22 조회 2,571
기타 09-07-21 조회 2,488
jQuery 09-07-17 조회 4,122
기타 09-07-17 조회 3,591
기타 09-07-17 조회 2,840
JavaScript 09-07-15 조회 9,304
JavaScript 09-07-11 조회 2,729
기타 09-06-29 조회 3,819
jQuery 09-06-26 조회 5,706
jQuery 09-06-25 조회 4,219
기타 09-06-25 조회 3,130
jQuery 09-06-18 조회 7,155
JavaScript
[JavaScript]
09-06-17 조회 2,454
기타 09-06-15 조회 3,310
기타 09-06-15 조회 2,548
기타 09-06-15 조회 2,936
JavaScript
[JavaScript]
09-06-15 조회 3,022
기타 09-06-15 조회 2,974
기타 09-06-09 조회 3,877
JavaScript 09-05-29 조회 3,217
jQuery 09-05-16 조회 4,142
기타 09-05-14 조회 4,039