Front/JavaScript & jQuery27 radio button 라디오 버튼 여러개일 때, 배열에 담기 -기억할 부분! 한페이지에 라디오 버튼의 묶음이 여러개 일 때, name이 달라야 각각 적용이 가능하다. - 라디오 버튼이 여러개 일 때, for each문을 돌려서 각각 배열로 담는 방법 1. 배열을 선언한다. 2. 배열에 넣을 때는 push를 사용한다. (돌면서 순서대로 들어감) var paramUrlType = []; $("input[type=radio]:checked").each( function() { paramUrlType.push(this.value); }); 2021. 11. 15. [javaScript] 파일 확장자 검사하기 파일 업로드 시에 프론트단에서 파일 확장자를 검사하고 컨트롤러로 넘겨주고 싶을 때 사용. 주의 : 아래 코드 중에 imgVal은 파일의 val()을 변수로 이미 받은 상태임 var fileReg = /(.*?)\.(gif|png|jpg|jpeg)$/; if( !imgVal.toLowerCase().match(fileReg) ) { alert("지원하는 파일 확장자가 아닙니다."); return; } 위 예시는 이미지파일의 여부를 검사하는 것. 상황에 따라 맞게 변경하여 사용하면 됨. 2021. 11. 15. jQuery 자주 쓰이는 문법 : 값 조회하기 1. 버튼 클릭 이벤트 $("button[name='btnDown']").off("click").on("click",function() { //코드 작성 }); 2. for each 문 돌며 index값 넣기 $(".img-order").each( function(index) { this.value = index; }); 3. name 으로 값 찾기 //i에는 순서 넣어주기(0부터 시작) $("input[name='title']").eq(i).val(); 4. checkbox가 체크 되었는지 확인하기(true, false 반환) $("input[id='chk"+ (i+1) +"']").prop("checked"); 5. input type으로 값 찾기 $('input[type=file]').eq(i).v.. 2021. 11. 15. [jQuery] datepicker '-' 제거하고 숫자만 가져오는 정규식 $("input[name='startDay']").eq(i).val().replace(/\-/g,''); 2021. 11. 15. [jQuery] datepicker 원하는 포맷으로 세팅하기 - jsp 부분 일자 선택 - js 부분 $( ".dtpick" ).datepicker( "option", "dateFormat", "yy-mm-dd" ); 2021. 11. 15. [jstl] jstl parseDate, formatDate 사용법 보통 Dto, Vo에서 날짜형식 필드는 String 타입으로 설정하기 때문에 두가지 방식을 다 알아두면 좋을 것 같다. 0. 제일 먼저 상단부에 이거 추가! 1. String을 Date타입으로 2. Date를 포맷해줌 pattern: 표현하고 싶은 패턴 입력 만약 Date 타입으로 필드가 설정되어있다면 아래 부분만 사용하면 된다. (나는 현재 String타입으로 해두었으니 둘 다 사용!) 2021. 10. 11. 이전 1 2 3 4 5 다음