본문 바로가기

Web/Javascript32

[javascript] 체크박스/전체선택/선택/해제/특정id값 추출 1. 체크박스에 체크되어 있는 객체의 id값 추출 $('li[id='+selected_node.attr('id')+']').attr('quick_opt',''); //초기화 $(".css-checkbox").filter(":checked").each(function(i, item){ str+=( $(item).attr("id") )+";"; $('li[id='+selected_node.attr('id')+']').attr('quick_opt',str.slice(0,-1)); }); 2. 체크박스 선택 / 해제 $('.css-checkbox').prop("checked",false); //해당 class의 체크박스 초기화 $('.css-checkbox').prop("checked",true); // 해당 .. 2016. 7. 20.
[javascript] input box 입력 제한/onkeydown/keyCode/preventDefault() //Input box 입력 제한 function OnlyInput(event){ if((event.keyCode>=48) && (event.keyCode=96) && (event.keyCode=37 && event.keyCode 2016. 7. 20.
[javascript] enter key event/엔터키/trigger/자동 클릭 à mailVal이란 속성을 가진 input 박스에서 key 입력시keyCode를 감지하여 Enter( keyCode값이 13) 를 눌렀을 때 button이 클릭된 것처럼 작동하는코드 $('input[mailVal]').keydown(function(e) { if (e.keyCode == '13') { $('button[applyBtn]').trigger('click'); } }); 2016. 7. 20.
[Javascript] 팝업창 띄우는 방법 / 팝업창 옵션 / window.popup 옵션/팝업옵션 1. 사용방법window.popup(‘주소’,’팝업창 이름’,’설정옵션’); var url=”test.html”; var option=”resizable=no, scrollbars=no, status=no,width=500, height=500”; window.open(url,’test’,option); var popUrl = "/spring/boardDetail?docnum="+$(this).attr('id');//팝업창에 출력될 페이지 URLvar popOption = "width=370, height=360, resizable=no, scrollbars=no, status=no;"; //팝업창 옵션(optoin)window.open(popUrl,"",popOption); 2. 팝업 옵션(yse 혹은.. 2016. 7. 20.
[Javascript] JSON.parse, JSON.stringify 차이 / 예제 DATA 출력 결과에서 매번 삐끄덩 거린다 -_-;;정리해놓고 보자! (LIST -> JSON)http://mkil.tistory.com/category/Java/Java 휴................... parse 는 string 개체를 json 개체로, stringify 는 json 개체를 string 개체로 변환시켜 준다 !!!! console.log('${list.items}')다음과 같은 Data로 테스트를 해보자. [{"INDN":"20000000","ORG_NM":"Consumer Insurance","PSN_NAME":"홍길동","PZC_NM":null}] --> 이 결과값을 받아 $(‘${list.items}’).each(function(i,item) for문 돌리려니 syntax e.. 2016. 7. 7.
[Javascript 기본 개념] Javascript 문법-Object 1.1 Object- 객체의 가장 기본적인 형태를 가지고 있는 객체- 아무것도 상속받지 않는 순수한 객체- 값을 저장하는 기본적인 단위로 Object를 사용- 모든 객체는 Object 객체를 받기 때문에 모든 객체가Object 객체의 프로퍼티를 가지고 있다. - Object 객체를 확장하면 모든 객체가 접근할 수 있는 API를 만들 수 있다. 2016. 6. 23.

티스토리툴바