본문 바로가기

제이쿼리4

[ Javascript ] 자바스크립트 객체 show/hide 예제 안녕하세요. 오늘은 자바스크립트를 이용하여 input의 show/hide에 대해서 알아 보겠습니다. 주석은 아래의 소스에 적어 두겠습니다. 1. show() 처리 1 2 3 4 5 6 7 8 9 10 11 12 13 14 // showHide라는 id를 가진 버튼을 클릭 할 경우 // test라는 id를 가진 input를 안보이게 hide 처리 합니다. $("#showHide").click(function(){ $("#test").hide(); }); 2. hide() 처리 1 2 3 4 5 6 7 8 9 10 11 12 13 14 // showHide라는 id를 가진 버튼을 클릭 할 경우 // test라는 id를 가진 input를 안보이게 show 처리 합니다. $("#showHide").click(f.. 2019. 10. 2.
[ jquery ] 제이쿼리 체크박스(checkbox) 체크된 데이터만 가져오기 안녕하세요. 오늘은 여러개의 체크박스들중 몇개의 체크박스를 클릭 후 그 체크박스에 해당하는 데이터를 가져오는 스크립트를 소개 드리겠습니다. 아래에 보시면 "chk"라는 클래스가 존재합니다. 만약 여러개의 "chk"라는 클래스를 가진 체크박스가 존재 할 경우 사용자는 몇개의 체크박스만 선택하여 삭제, 등록 등을 실행 할려고 합니다. 그럴경우 해당 체크박스의 값을 알아야 해당 구문을 실행 할 수 있습니다. 현재 아래의 소스를 보면 for문을 통해 여러개의 데이터를 표출 하는데요. 스크립트 소스에서 "chk"라는 클래스를 가진 체크박스들 중에 체크가 된 object들만 value를 가져와서 배열에 담고 있습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 .. 2019. 9. 25.
[제이쿼리] Jquery selectbox value 값 가져오기. 안녕하세요. 오늘 selectbox에서 현재 자신이 변경 한 객체의 value 값을 가져오는 법을 알려 드리겠습니다. 아래의 소스를 보시면 changeTest라는 id를 가진 select를 보실 수 있습니다. 현재 스크립트에서 change 이벤트를 사용 하여 현재 객체의 값을 가져 올수 있습니다. 만약 selectd에서 "B"로 값을 변경 할 경우 $(this).val() 를 사용하여 현재 자신의 객체의 값을 가져 올 수 있습니다. 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 $("#changeTest").change(function(){ // 체인지 이벤트 alert($(this).val()); // 현재 변화된 객체의.. 2019. 9. 23.
[ Jquery ] 제이쿼리 클릭(click) 이벤트 예제(값 가져오기 포함). 안녕하세요. 오늘은 제이쿼리 클릭 이벤트 시 함수를 만드는 법과 자기 자신의 값을 가져 오는 것을 알려 드리겠습니다. 현재 아래와 같이 span의 id에 testClick를 선언 하였습니다. 현재 testClick이라는 id에 클릭 이벤트를 걸어 주면 alert를 통하여 "테스트 클릭 성공"이라는 메세지가 표출 될 것입니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Insert title here test 입니다. // 테스트용 클릭 $("#testClick").click(function(){ alert("테스트 클릭 성공"); }); http://colorscripter.com/info#e" target="_blank" style=.. 2019. 9. 23.