15
2017-Aug
[php/jQuery] 선택된 다수의 체크박스 값 넘기기 / 체크박스 제어
작성자: 
Blonix
IP ADRESS: *.64.228.3 조회 수: 1476
출처:: http://www.hahwul.com/2016/11/html-send-multipul-checkbox.html
아래와 같이 배열 이용하면 임의의 체크박스 수에 대해서도 작동 가능함
HTML
<form action="./test.php" method="POST">
<input type="checkbox" name="case[]" value="A"> case1<br>
<input type="checkbox" name="case[]" value="B"> case2<br>
<input type="checkbox" name="case[]" value="C"> case3<br>
<input type="checkbox" name="case[]" value="D"> case4<br>
<input type="checkbox" name="case[]" value="E"> case5<br>
<input type="submit"><br>
</form>
PHP
<?php
$list = $_POST['case'];
echo $list[0];
echo $list[1];
?>
1. 체크여부 확인
- id가 동일한 체크박스에 대하여 선택되어 있는지 확인 : true / false 반환
$("#chkBox").is(":checked") ;
$("input:checkbox[id='chkBox']").is(":checked") ;
* 1.6이상일때 권장 사용법
$("#chkBox").prop("checked") ;
2. 체크박스 갯수 가져오기
- 선택된 체크박스 갯수 구하기
$("#chkBox:checked").length ;
- 전체 체크박스 갯수 구하기
$("#chkBox").length ;
3. 체크박스 전체 선택하기 / 해제하기
- 전체 선택하기
$("#chkBox").prop('checked', true) ;
$("#chkBox").attr('checked', true) ;
- 전체 해제하기
$("#chkBox").prop('checked', false) ;
$("#chkBox").attr('checked', false) ;
4. 체크된 체크박스 value 가져오기
$('#chkBox:checked').each(function() {
alert($(this).val());
});
5. 체크박스 클릭시 이벤트 주기
function msgAlert(){
alert('1');
}
$("#chkBox" ).on( "click", msgAlert());
출처: http://fruitdev.tistory.com/143 [과일가게 개발자]
전체체크 관련은 아래 jQuery 코드 참고
$('.chkAll').click(function(){
if($(".chkAll").prop("checked")) {
$(".AdminMemberList input[type=checkbox]").prop("checked",true);
} else {
$(".AdminMemberList input[type=checkbox]").prop("checked",false);
}
});