1. // 버튼 클릭시 ajax 실행  
2. $("#btnOK").click(function(){  
3.       
4.     var url="test.aspx";  
5.     var params="param1="+param1+"¶m2="+param1;  
6.   
7.     $.ajax({      
8.         type:"POST",  
9.         url:url,      
10.         data:params,      
11.         success:function(args){   
12.             $("#result").html(args);      
13.         },   
14.         beforeSend:showRequest,  
15.         error:function(e){  
16.             alert(e.responseText);  
17.         }  
18.     });  
19.       
20. });  

1. $.ajax({  
2.   type: 'POST',  
3.   url: url,  
4.   data: data,  
5.   success: success,  
6.   dataType: dataType  
7. });  

1. // 요청 Url 만 , 리턴 결과값 무시  
2. $.post("http://web/test/");  
3.   
4. // 요청 Url + 추가적으로 보내는 Json Data, 리턴 결과값 무시  
5. $.post("http://web/test/", { name: "John", time: "2pm" } );  
6.   
7. // 요청 Url + 추가적으로 보내는 Array Data, 리턴 결과값 무시  
8. $.post("http://web/test/", { 'choices[]': ["Jon", "Susan"] });  
9.   
10. // 요청 Url + 폼데이터, 리턴 결과값 무시  
11. $.post("http://web/test/", $("#testform").serialize());  
12.   
13. // 요청 Url, xml(또는 html)리턴 결과값  
14. $.post("http://web/test/",   
15.       function(data) {    alert("Data Loaded: " + data);  });  
16.   
17. // 요청 Url + 추가적으로 보내는 Json Data, 리턴결과값, 결과값 형식  
18. $.post("http://web/test/", { name: "John", time: "2pm" },    
19.       function(data) {    process(data);  },   "xml" );  
20.   
21. // 요청 Url + 추가적으로 보내는 Json Data, 리턴결과값(json 다루는 형식), 결과값 형식  
22. $.post("http://web/test/", { "func": "getNameAndTime" },    
23.       function(data){      
24.                      console.log(data.name); // John      
25.                      console.log(data.time); //  2pm    
26.       }, "json");  

1. $.ajax({  
2.   url: url,  
3.   data: data,  
4.   success: success,  
5.   dataType: dataType  
6. });  

1. // 요청 Url 만 , 리턴 결과값 무시  
2. $.get("http://web/test/");  
3.   
4. // 요청 Url + 추가적으로 보내는 Json Data, 리턴 결과값 무시  
5. $.get("http://web/test/", { name: "John", time: "2pm" } );  
6.   
7. // 요청 Url + 추가적으로 보내는 Array Data, 리턴 결과값 무시  
8. $.get("http://web/test/", { 'choices[]': ["Jon", "Susan"] });  
9.   
10. // 요청 Url, xml(또는 html)리턴 결과값  
11. $.get("http://web/test/", function(data) {    alert("Data Loaded: " + data);  });  
12.   
13. // 요청 Url + 추가적으로 보내는 Json Data, 리턴결과값, 결과값 형식  
14. $.get("http://web/test/", { name: "John", time: "2pm" },  function(data) {    process(data);  },   "xml" );  
15.   
16. // 요청 Url + 추가적으로 보내는 Json Data, 리턴결과값(json 다루는 형식), 결과값 형식  
17. $.get("http://web/test/", { "func": "getNameAndTime" },  function(data){    console.log(data.name); // John    console.log(data.time); //  2pm  }, "json");  

1. $.ajax({  
2.   url: url,  
3.   dataType: 'json',  
4.   data: data,  
5.   success: callback  
6. });  

1. <script>   
2.     $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",   
3.     {   
4.         tags: "mount rainier",   
5.         tagmode: "any",   
6.         format: "json"   
7.       },   
8.       function(data) {   
9.         $.each(data.items, function(i,item){   
10.           $("<img/>").attr("src", item.media.m).appendTo("#images");   
11.           if ( i == 3 ) return false;   
12.         });   
13.     });  
14.   </script>  

1. // 요청 Url + 추가적 데이터, 완료된 후 리턴 메시지를 받음  
2. $.ajax({   
3.       type: "POST",   
4.       url: "http://web/test/",   
5.       data: { name: "John", location: "Boston" }   
6. }).done(function( msg ) {   
7.       alert( "Data Saved: " + msg );   
8. });  
9.   
10. // 최종 버전 리턴 Html 가져오기  
11. $.ajax({   
12.       url: "http://web/test/",   
13.       cache: false   
14. }).done(function( html ) {   
15.       $("#results").append(html);   
16. });  
17.   
18. // 서버에 데이터를 보낸 후 저장처리, 그리고 사용자에게 리턴 완료 메시지 반환  
19. var menuId = $("ul.nav").first().attr("id");   
20. var request = $.ajax({   
21.     url: "http://web/test/",   
22.     type: "POST",   
23.     data: {id : menuId},   
24.     dataType: "html"   
25. });   
26.    
27. request.done(function(msg) {   
28.     $("#log").html( msg );   
29. });   
30.    
31. request.fail(function(jqXHR, textStatus) {   
32.     alert( "Request failed: " + textStatus );   
33. });  
34.   
35.   
36. // 자바 스크립트 로딩 및 실  
37. $.ajax({   
38.     type: "GET",   
39.     url: "test.js",   
40.     dataType: "script"   
41. });  

1. // 미리 ajaxSetup에 기본사항들을 설정한 후 ajax 로 각각 호출  
2. $.ajaxSetup({  
3.     url: 'http://web/test/',  
4.     global: false,   
5.     type: "POST"   
6.   
7. });  
8. $.ajax({  
9.       // url not set here; uses 'http://web/test/'  
10.       data: {'name': 'Dan'}  
11. });  
12. $.ajax({  
13.       // url not set here; uses 'http://web/test/'  
14.       data: {'name': 'John'}  
15. });  

1. //  Html Content 로딩  
2. $('#result').load('ajax/test.html');  
3.   
4. //  Html Content 로딩 후 메시지  
5. $('#result').load('ajax/test.html', function() {  
6.   alert('Load was performed.');  
7. });  
8.   
9. //  Html Content #container Target 로딩  
10. $('#result').load('ajax/test.html #container');  
11.   
12. //  array parameter 전달 후 Html Content 로딩  
13. $("#objectID").load("test.asp", { 'choices[]': ["Jon", "Susan"] } );  

1. checked 여부 확인

$("input:checkbox[id='ID']").is(":checked") == true : false  /* by ID */

  $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */

2. checked/unchecked 처리

$("input:checkbox[id='ID']").attr("checked", true); /* by ID */

$("input:checkbox[name='NAME']").attr("checked", false); /* by NAME */

3. 특정 라디오버튼 선택 / 모든 라디오버튼 선택해제

$("input:radio[name='NAME']:radio[value='VALUE']").attr("checked",true);

$("input:radio[name='NAME']").removeAttr("checked");

전체선택 체크박스를 선택하면 그 아래의 모든 체크박스를 선택해주는 것을 만들어보자.

<label><input type='checkbox' id='check_all' class='input_check' /> <b>전체선택</b></label>

<ul class='select_subject'>

<label><input type='checkbox' class='input_check' name='class[1]' value='1' /> <b>1</b></label>

<label><input type='checkbox' class='input_check' name='class[2]' value='2' /> <b>2</b></label>

</ul>

 전체선택

이런식으로 html이 있고, javascript 부분은 

$(function(){

    $("#check_all").click(function(){

        var chk = $(this).is(":checked");//.attr('checked');

        if(chk) $(".select_subject input").attr('checked', true);

        else  $(".select_subject input").attr('checked', false);

    });

});

같이 해주면 된다.