2017-11-28(Array List Ajax 로 넘기기, 체크 박스 전체 선택)

function ajaxArrayList(){
    $.ajax({
        type: "POST",
        url : "사용할 URL",
        data: JSON.stringify(ArrayList),
        dataType : "json",
        contentType : "application; charset=utf-8",
        success : function(data){
            //success function
            //TIP : location.herf = "사용할 URL" 하면 GET방식으로 
        },
        error : function(){
            //error function
        }
    });
}

@ResponseBody
@RequestMapping(value = "사용한 URL",method = RequestMethod.POST)
public retrunType MethodName(@RequestBody ArrayList<Type> arraylist) throws Exception{
    //위와 같이 적어주면 ArrayList 를 받을수 있다.
    //같은 방식으로 Object 같은 객체도 Map을 통해서 받을수 있다.
}

Check Box 전체 선택 기능 은 아래와 같이 작성해주면 된다.

function checkFunction(){
    $('input:checkbox[name="전체선택 inputbox name 값"]').change(function(){
        if (this.checked){
            $('input:checkbox[name="선택될 inputbox name 값"]').each(function() {
                $(this).prop("checked",true);
            });
        }else{
            $('input:checkbox[name="선택될inputbox name 값"]').each(function() {
                $(this).prop("checked",false);
            });
        }
    })
}

(2017-11-30 수정)

오늘 작업하던 도중 체크박스 기능을 생각하다가 더 짧게 적을수 있는 방법이 생각나서 적어본다.

function checkFunction(){
    $('input:checkbox[name="전체선택 inputbox name 값"]').change(function(){
        var changeCheck = $(this).prop("Checked");
        $('input:checkbox[name="체크 또는 비체크 목록의 inputbox name 값"]').each(function(){
            $(this).prop("checked",changeCheck);
        });
    });
}

아래와 같은 방법도 있다.

    $('input:checkbox[name="전체선택 inputbox name 값"]').change(function(){
        $('input:checkbox[name="체크 또는 비체크 목록의 inputbox name 값"]').each(function(){
            $(this).prop("checked",$('input:checkbox[name="전체선택 inputbox name 값"]').prop("checked"));
        });
    });