CheckBox

CheckBox

1. CheckBox 체크 확인

 

 $("#checkBox").is(":checked")

2. CheckBox 전체 체크/ 전체 해제

 
      $("#allCheckBox").click(function(){ //만약 전체 선택 체크박스가 체크된상태일경우 
		if($("#allCheckBox").prop("checked")) { //해당화면에 전체 
			 $("input[type=checkbox]").prop("checked",true); 
		// 전체선택 체크박스가 해제된 경우 
		} else { //해당화면에 모든 checkbox들의 체크를해제시킨다. 
			$("input[type=checkbox]").prop("checked",false);
		
		} 
	}) 

3. CheckBox 값들 Controller로 넘기기

Checkbox 리스트를 JSTL for문을 이용하여 만들어주었다.

 

  

	    ${list }

   

div class 안의 check된 항목이 있는지 판단

체크 된 항목의 value값을 name=?? & name ?? 의 형태로 만들어준다.

 

function submitCheck(){
	var chk = $("input[name=chk_id]");
	var len = chk.length; //체크박스의 전체 개수
	var checkCnt = 0; //체크된 체크박스의 개수

	for (var i = 0; i < len; i++) {
		if (chk[i].checked == true) {
			checkCnt++; //체크된 체크박스의 개수
		}
	}
	
	if(checkCnt == 0){
		alert("입금 확인된 신청자를 체크해주세요");
		return false;
	}
	
	var chk_value= "";
	
	$("input[name=chk_id]:checked").each(function(i) {
		
		if(i == checkCnt-1){
			chk_value+= $(this).val();
		}else{
			chk_value += $(this).val()+",";
		}
		
	});

컨트롤러에서 @RequestParam(value="chk_value") 변수로 받는다.

 

@RequestMapping(value = "/check_look.do")
	public void check_look_do(HttpServletRequest req, HttpSession session, Locale locale, Model model,
			HttpServletResponse response, @RequestParam("chk_value") String chk_value) throws Exception {

		
		if (chk_value.contains(",")) {
			String[] arr_chk_value;
			 arr_chk_value = chk_value.split(",");
                   }
}