programming/jquery 8

[jquery] ajax으로 체크박스 배열 넘기기

[jquery] ajax으로 체크박스 배열 넘기기 function ajaxExample(){ // 사용자 ID를 갖고 온다. var userId = $("#userId").val(); // name이 같은 체크박스의 값들을 배열에 담는다. var checkboxValues = []; $("input[name='hobby']:checked").each(function(i) { checkboxValues.push($(this).val()); }); // 사용자 ID(문자열)와 체크박스 값들(배열)을 name/value 형태로 담는다. var allData = { "userId": userId, "checkArray": checkboxValues }; $.ajax({ url:"goUrl.do", type:'G..

programming/jquery 2014.11.21

[jquery] select box 선택값 가져오기

[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..

programming/jquery 2014.07.11

[jquery] vticker 사용하여 배너 상하 롤링하면서 메인이미지 변경하기

[jquery] vticker 사용하여 배너 상하 롤링하면서 메인이미지 변경하기 배너에 마우스가 오버되면 좌측 메인 이미지가 변경된다. 배너가 하에서 상으로 움직이면서 좌측 메인 이미지도 배너에 맞게 변경된다. 이 부분을 적용하려고 jquery.vticker-min.js 에서 f.animate({ top : "-=" + d + "px" }, e.speed, function() { changeTodayMainImg(a(this).children("li:first").attr('id')); a(this).children("li:first").remove(); a(this).css("top", "0px") }); 을 수정했다. changeTodayMainImg()는 메인 이미지를 변경하기 위해서 만든 함수이다..

programming/jquery 2014.07.08

[jquery] 4자리 숫자 입력 시 다음 텍스트박스로 포커스 자동 이동

[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(); } })..

programming/jquery 2013.08.09