팁스토리, Tips

■ JQuery table tr onclick event 특정 td만 제외 / onclick 이벤트 특정 제외 ■ 예제 테이블 아이디 비밀번호 test 1234 ■ 사용법 # 예제 1 (첫번째 td를 제외한 나머지 td 클릭 시 콘솔 1이 찍힘) - 'tr td:not(:first-child)' 2(n)번째 td를 제외하고 싶을 경우 - 'tr td:not(:nth-child(2))' 마지막 td를 제외하고 싶을 경우 - 'tr td:not(:last-child)'

■ JQuery input type checkbox 선택값 배열 생성 / checked value array 선택된 체크박스 value 값 배열로 생성하기 체크된 값 배열로 생성

■ JQuery input radio value 설정/변경 , input radio value 값 가져오기 Type A Type B ■ 선택된 radio 버튼 value 값 가져오기 var tmp_value = $('input:radio[name=radio_name]:checked').val(); console.log(tmp_value);// B ■ radio 버튼 선택값 설정/변경하기 // radio_name 이라는 name을 가진 라디오 버튼 중 A라는 value 를 가지고 있는 라디오 버튼 선택/해제 $('input:radio[name=radio_name]:input[value="A"]').attr("checked", true);// 선택 $('input:radio[name=radio_name]:i..

■ JQuery select option 값 선택/변경하기 A B C ■ select option value 값으로 선택/변경 $("#tmpSelect").val("A").prop("selected", true);// A 라는 value를 가지고 있는 option = A 선택 ■ select option 나열순서로 선택/변경 *eq(0)=첫번째 $("#tmpSelect option:eq(2)").prop("selected", true);// 세번째 option 선택 = C 선택

■ JQuery input checkbox 체크박스 제어/체크박스 값 체크 ■ checkbox 체크(checked) 여부 - 단일 체크박스 ■ checkbox 체크(checked) 여부 - 다중 (name 배열) ■ checkbox 체크(checked) 개수 가져오기- 다중 (name 배열) ■ checkbox 체크(checked) 선택/해제 체크박스 ■ checkbox 체크(checked) - 선택된 체크박스 값 배열 생성 체크된 값 배열로 생성

■ JQuery input file 파일 업로드 시 이미지 미리보기 1. 첨부파일 (이미지 파일만 업로드 가능하게 구현) 2. 파일 업로드 시 이미지 미리보기 영역 노출 (파일이 존재하지 않을 경우 미리보기 영역 미노출)

■ JQuery input type text 특수문자 입력불가

콘솔출력

체크