랩제이

[jquery] jquery 체크박스(checkbox) 선택 해제 예제 $("#chk_mileage_use").on("click", function(){ if( $(this).is(":checked") ){ $("#chk_mileage_use").val(setComma(data.mileage)); } else { $("#chk_mileage_use").val(0); } }); 모두 사용 [jquery] jquery 체크박스(checkbox) 선택 해제 예제

[spring security] jquery li 클릭시 이동하기 ajax에서 data를 받아오고 화면에 뿌려줄때 li를 많이 사용합니다. 그리고 보통 html 코드상에 제목이나 특정 키워드에 엘리먼트를 이용하여 자바스클비트를 호출하여 다음 화면이나 상세 data를 가져오도록 하고 있습니다. 여기서는 가능하면 엘리먼트 안에서는 자바스크립트를 사용안하고 id나 class를 이용하려고 하다 보니까 다음처럼 엘리먼트를 클릭했을때 jquery를 이용하여 부여된 id, class의 click 이벤트로 값을 받아와서 이동하도록 한 것입니다. data는 자바스크립트 변수에 json형식으로 담았습니다. // array에 저장하기 var temp = ''; var event_url=[]; for(i=0; i

[jquery] select box 선택값 가져오기 // select box ID로 접근하여 선택된 값 읽기 $("#셀렉트박스ID option:selected").val(); // select box Name로 접근하여 선택된 값 읽기 $("select[name=셀렉트박스name]").val(); // 같은 방식으로 span과 같은 다른 태그도 접근 가능하다~ $("span[name=셀렉트박스name]").text(); // 선택된 값의 index를 불러오기 var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected")); // 셀렉트 박스에 option값 추가하기 $("#셀렉트박스ID").append("1번"); // 셀렉트 박스 option..

[jquery] img src 변경하기 ajax으로 받은 data에서 가져온 img url과 링크 url을 넣는다. $(".todaybook img").attr("src", "http://www.jobtoy.com/a.jpg"); $(".todaybook a").attr("href", "http://www.jobtoy.com"); [jquery] img src 변경하기

[jquery] jquery 말 줄임 [컴퓨터&부품] LG전자 플래트론 24인치 E2442V-BN [jquery] jquery 말 줄임

[jquery] 4자리 숫자 입력 시 다음 텍스트박스로 포커스 자동 이동 // 휴대폰 가운데 4자리 입력후 다음으로 이동 jq("#cellphone2").on("keyup",function(){ var mch = jq(this).val().match(/[0-9]/g) if( mch != null && mch.length == 4 ) { jq("#cellphone3").focus(); } }); // 전화번호 가운데 4자리 입력후 다음으로 이동 jq("#r_phone2").on("keyup",function(){ var mch = jq(this).val().match(/[0-9]/g) if( mch != null && mch.length == 4 ) { jq("#r_phone2").focus(); } })..

[mobile web] jquery mobile a tag hover 흉내내기 모바일에서 jquery mobile을 사용하면서 PC웹의 hover와 비슷하게 구현하는 방법에 대해서 구현해 보았습니다. 처음 $(function() {...});에서 메뉴영역에 대해서 jquery mobile의 tap 이벤트를 bind 하여터치로 메뉴를 선택하면 a 영역의 색깔이 바뀌도록 합니다.이벤트 적용 바로 다음에 setTimeout을 주어서 a 영역의 색깔을 원래대로 바꾸는 함수를 호출하는 것입니다. 간단하게 적용이 가능 할 것으로 보입니다. $(function(){ $(".comment li a").bind("tap", function(event) { $(".comment li a").addClass("test1")..

[mobile web] jquery mobile에서 a tag에 유사 클래스 사용하기 로그인 화면에서와 마찮가지로 data-role=”none”을 주었을 때 Jquery mobie의 class가 자동으로 적용되지 않습니다. 1,2를 적용해 보았을 때 Jquery mobile을 사용하더라도 정상적으로 a tag에 유사클래스가 적용되어 동작합니다. 1. a tag에 data-role=”none” 적용 1- 1 2. 유사 클래스 적용 .test1:active, .test1:hover { color: #333333; background-color: #AACCAA; } .test2:active, .test2:hover { color: #FFCCAA; background-color: #DDCCAA; } 터치시에 색..