'.' Programs/jQuery (12) 썸네일형 리스트형 jQuery select box Control 제어 jQuery로 선택된 값 읽기$("#selectBox option:selected").val();$("select[name=name]").val(); jQuery로 선택된 내용 읽기$("#selectBox option:selected").text(); 선택된 위치var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select$("#selectBox").append("Apples");$("#selectBox").append("After Apples"); // Add o.. [jQuery] 부모창 Value 값 찍기. 1. 부모창 필드 값 가져오기opener.document.getElementById( "hidValue" ).value;$( "#hidValue", opener.document ).val();2. 부모창에 값 전달하기opner.document.getElementById( "p_id" ).value = "c_value";$( "#hidValue", opener.document ).value( "c_value" );3. 부모창 함수 호출opener.location.href = "javascript:p_fun();";$( opener.location ).attr( "href" , "javascript:p_fun();"); 출처 : http://blog.naver.com/PostView.nhn?blogId=ax.. jQuery의 정의 셀렉터를 사용한 radio 버튼 값 가져오기. Query에서 제공해주는 정의 필터 셀렉터를 사용해서 radio버튼의 value값을 가져오는 방식은 아래와 같다. $(":input:radio[name=sample]:checked").val() 보기엔 좀 길어보이지만 간단하게 설명된다. 최초 input 폼 엘리먼트를 선택후 radio 버튼을 가져온다음 name 속성의 값이 sample인 것중에서 선택된 값의 value를 가져온다. 위의 경우 value 값은 "Y"가 출력된다. 아무것도 선택하지 않은상태에선 value값은 'undefined'가 반환된다. 마찬가지로 radio대신 checkbox등의 체크값을 가져오는 방식도 위와 동일하다 하겠다. 출처 : http://cspark.egloos.com/2181832 [jQuery Mobile] swipe ( flicking) 구현방법정리 http://m.11st.co.kr 이나 다른 여러 사이트를 보면 손가락으로 상품을 이동시키는 기능을 제공한다. 이를 swipe 혹은 flicking이라고 한다. 이런 기능을 구현하기 위해 몇가지 방법을 정리한다. 1.jquery.touchSwipe.js 플러그인 사용하기 http://labs.skinkers.com/content/touchSwipe/ 가장 많이 사용하는 방법임 아래 데모가 아주 잘 정리되어있음 TouchSwipe is a jquery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc. Features Detects swipes in 4 directions, "up", "down", "left" an.. JQUERY CHECK BOX 관련 기능 정리 이용 변경 해지 1. 특정 체크박스 체크 확인 2. 체크 박스 전체 $('input[name=mod_gb]:checkbox').click(function() { // name이 mod_gb인 체크박스 그룹의 아무 박스를 선택하면 var gb1 = $('#mod_gb1').attr('checked'); var gb2 = $('#mod_gb2').attr('checked'); var gb3 = $('#mod_gb3').attr('checked'); if(gb3 && (gb1 || gb2)){ alert("ID 해지는 다른 항목과 중복 선택하실 수 없습니다."); $('#mod_gb3').attr('checked', false); } }); 3. 체크박스 선택 유무 확인 $('#btn').click(funct.. [jQuery] checkbox 전체선택 , 해제 jQuery를 활용한 체크박스 전체 선택/해제. 전체 테스트1 테스트2 테스트3 =========================================================================================================인터넷에 체크박스 관련 소스를 찾다보면..전체값 해제하는 부분 소스가.. $('input:checkbox[id^=test[]]:checked').attr("checked", ""); 로 표기된 경우가 많다.. 어떠한 이유인지는 잘 모르겠지만.. 나 같은 경우 전체 선택은 되지만 해제는 안되는 문제가 생겼다. 해결방법으로.. .attr("checked", "") 와 같은 널처리 대신... .attr("checked", false) 속성값으로 .. [jQuery] 제이쿼리 모음 20 jquery 모음 20~In this article we’d like to present a list of over 20 Useful and New jQuery plugins you should always have ready to create more interactive, more responsive and more flexible web-solutions. Image Cross Fade Transition, Smooth Marquee, Auto-populate multiple select boxes, Feed Menus, sliders, menus, animation that should give you a useful and powerful toolbox which you can .. [jQuery] 자주 쓰이는 유용한 팁 1. 커서 변경 $('body').css('cursor', 'default'); $('body').css('cursor', 'wait'); 2. Select Box에서 선택된 Value 찾기 $('#search_sale_pernr_s option:selected').val(); 3. Table의 타이틀 Row를 제외한 모든 Row 삭제하기 $("#data_list_table > tbody").children("tr:not(:first)").remove(); 4. Table의 마지막 Row 다음에 Row 추가하기 $("#data_list_table > tbody:last").append("값1"); 5. innerHTML값 Setting하기 $("#id_total_price").html("값"); 6. 해.. 이전 1 2 다음