자바스크립트 사용할때 빈번하게 처리하는 일이 문자열의 체크입니다. 문자열 체크시 if( 문자열 == "" ) 방식으로 처리가 안되는 경우가 있습니다. 바로 null, undefined 입니다. 그렇기 때문에 null, undefined도 같이 체크해줘야 합니다. 문자열 체크할 일이 많다면 아래와 같이 함수로 작성해서 사용하면 편합니다. 12345678910111213141516171819202122 /* * 일반적인 사용 방법 */ var chkValue; if( chkValue == "" || chkValue == null || typeof chkValue == "undefined" ){ }else{ } /* * 함수 사용 방법 * @param chkValue : 체크할 문자열 * @param defa..
체크박스를 이용해서 개발을 진행할때 전체 버튼을 이용해서 체크박스들을 체크하거나 해제해야 하는 경우가 빈번하게 있습니다. 그래서 간단하게 샘플소스를 구현해 봤습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 $(document).ready(function(){ //전체 체크박스 클릭 $("#checkAll").click(function() { if ($("#checkAll").prop("checked")) { $(".test").prop("checked", true); } else { $(".test").prop("checked", false); } }); /..
이번에 서버 사이드로 DataTable을 이용해 테이블을 만들다가 DataTable에서 지원해주는 CSV다운로드 기능도 사용하게 되었는데 프런트 사이드는 전체 행을 다운로드할 수 있지만 서버 사이드로 할 때에는 일부의 행만 다운로드가 가능했습니다. 대략적인 이유는 아래와 같은데.. According to DataTables documentation there is no way to export all rows when you are using server side: Special note on server-side processing: When using DataTables in server-side processing mode (serverSide) the selector-modifier has ver..
a태그에 링크 기능을 넣지 않거나 아직 링크가 없을 경우 href값에 #을 넣습니다. href값이 #일 경우 링크를 눌러도 아무런 반응이 없게 하는 방법은 아래와 같이 많은 방법이 있습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 자바스크립트 실행할 a 태그 // 모든 기존 선언된 이벤트 무시하기 $('#tag').click(function (e) { e.preventDefault(); }); // 단순히 링크가 동작하지 않게 하기 $('#tag').click(function () { return false; }); // 모든 태그에 대한 이벤트 끄기 - 1 $(document).on('click', 'a[href="#"]', function..
# setTimeout 은? 일정 시간 후에 특정 코드 및 함수를 의도적으로 지연시켜 실행하고 싶을 때 사용하는 함수입니다. 1setTimeout(function() { // Code here }, delay)cs setTimeout 함수는 보통 두개의 인자값을 설정해 사용합니다. 1. 콜백함수2. 지연시간 setTimeout() 함수의 function(){//Code here} 에는 콜백함수로 지연시간 뒤 실행될 코드를 작성합니다.지연시간은 밀리세컨드 단위로 설정하고 1000 = 1초, 5000 = 5초 이렇게 설정하면됩니다. # setTimeout 예제 setTimeout 함수는 아래와 같이 사용하면됩니다. 123setTimeout(function() { alert('test입니다.');}, 5000..
자바스크립트에서 EL로 받아온 값을 변수로 사용하고 싶으면 JSTL을 이용해서 받을 수 있다. 1234var id = "";console.log(id);cs 이런식으로 JSTL의 태그를 이용해 EL로 받아온 값을 자바스크립트 변수로 사용할 수 있습니다.
1234567891011function Enter_Check(){ // 엔터키의 키코드는 13 if(event.keyCode == 13){ 실행할 함수(); return; }} cs
제이쿼리 사용해서 체크박스, 라디오 상태 체크 및 해제하기 버튼을 클릭하지 않고 input 태그의 상태를 클릭하거나 하지 않은 상태로 변경하려면 제이쿼리의 .prop() 속성을 사용하면 매우 간단하게 체크박스나 라디오 박스의 상태를 변경할 수 있습니다. .prop() 속성은 attr() 속성과 매우 비슷한데 현재 속성값을 가져오거나 변경할 수 있는 매우 유용한 메소드입니다. $(선택요소).prop('checked', true or false); input 체크박스, 라디오 상태 체크 및 해제 예제 아래와 같이 간단하게 사용할 수 있습니다. 1234 체크박스 ClickColored by Color Scriptercs 123function check(){ $( "#test" ).prop( "checked",..
체크 박스 선택 여부 결정 한뒤 value값 넣는데에 두가지 방법이 있습니다. 1. .prop() 메서드 사용 1cs 12345if($("#test").prop("checked")){ $("#test").val(1);}else{ $("#test").val(0);}cs 2. .is() 메서드 사용 1cs 12345if($("#test").is(":checked")){ $("#test").val(1);}else{ $("#test").val(0);}cs 이런식으로 간단하게 사용할 수 있습니다.
자바스크립트로 new Date() 사용해서 전일날짜, 당일날짜 구하는 방법입니다. 1234567891011121314151617181920212223242526272829function setDate(){ var date = new Date(); var dateBefore = new Date(); date = getFormatDate(date); dateBefore= getFormatDateBefore(dateBefore); $("#startDate").val(dateBefore); $("#endDate").val(date); }; function getFormatDateBefore(dateBefore){ //전일날짜 구하기 var year = dateBefore.getFullYear(); //yyyy ..