자바강사 낙자쌤

jQuery를 통해 input태그에 입력한 값을 읽어야 할때 id, class, name 속성을 통해 접근할 수 있습니다. 접근시에는 CSS의 Selector(선택자)를 사용하면 됩니다. 아래 예제는 버튼을 클릭하면 각 속성으로 접근한 후 입력된 값을 읽어서 콘솔에 출력합니다. Value읽기 실행결과

jQuery의 Ajax관련 함수에는 요청URL로 전송할 파라미터를 설정할 수 있다. 그런데 조금 불편한 것이 파라미터를 JSON 객체 형태로 별도 생성해야 한다는 것이다. 먼저 다음과 같은 폼이 있을때 2가지 방식을 통해 폼값을 정리해 보겠다. 확인1 확인2 먼저 확인1을 눌렀을때는 serialize()를 사용했다. 태그의 DOM을 선택한 후 함수를 호출하기만 하면 하위의 모든 태그의 값이 조립된다. 결과 확인2를 눌렀을때는 태그의 값을 직접 읽어와서 JSON객체를 생성해야한다. 만약 input의 갯수가 많다면 엄청 번거로운 작업이 될것이다.(생각하고 싶지도 않다 ㅜㅜ) 결과 따라서 jQuery 에서 Ajax관련 함수를 통해 폼값을 전송해야 하는 경우에는 serialize() 함수를 사용하는것이 정신건강..

// 전체 갯수 $("input:checkbox[name=체크박스명]").length // 선택된 갯수 $("input:checkbox[name=체크박스명]:checked").length // 전체 체크 $("input[name=체크박스명]:checkbox").prop("checked", true); // 전체 체크 순회 $("input:checkbox[name=체크박스명]").each(function() { this.checked = true; }); // 체크여부 확인 if($("input:checkbox[name=체크박스명]").is(":checked") == true) { //작업 } 속성선택자에는 name속성 대신 id속성을 사용해도 된다.

1. checked 된 radio 값 : $('input:radio[name="radio_name"]:checked').val();2. 특정 radio 버튼 checked : $('input:radio[name="radio_name"]:input[value="Y"]').prop("checked", true); - checked 해제는 false를 넣으면된다 * value 자리에 원하는 값을 세팅하면 radio_name 으로 된 버튼중에서 해당 값과 매칭되는 것을 찾아 checked 처리를 해준다 3. checked 된 radio 갯수 : $("input:radio[name=radio_name]:checked").length* jQuery 에서 radio 버튼의 존재여부 확인, 존재하는 것중에서 check..

요즘 웹사이트를 개발하면서 jQuery를 쓰지 않는다면 거짓말이겠죠?물론 전 아직도 자바스크립트가 좀더 익숙한 터라 .... ㅎㅎ여튼 괜찮은 동영상강좌 사이트가 있네요... 열공합시다.공부만이 살길이다.