Jquery를 사용한 화면 개발시에 특정 form에서 submit이 실행되었을 때 특정한 로직을 추가해야 할 경우가 발상합니다. 그런 상황에는 아래와 같이 Jquery 의 .submit() 함수를 이용하여 해당 내용을 구현할 수 있습니다. 123456789101112$(function(){ $("#testFrm").submit(function(event){ $("#testFrm input[name=mobilePhone]").val('010-1234-1235'); return true; });});Colored by Color Scriptercs 예를 들어 설명하기 위하여 간단한 소스로 구성해 보았습니다.testFrm이라는 ID를 가진 form이 submit 될때 휴대폰 번호를 셋팅하는로직이 실행되는 내용..
jquery에서 화면에 표기된 체크박스중에 선택된 체크박스만을 가져와서해당 체크박스의 속성과 값을 추출해 낼수 있습니다. 해당 방법은 아래와 같습니다. 123456789//체크박스 중 체크된 체크박스만 가져와서 Loop 합니다.$("input:checkbox[name=cart_prd_seq]:checked").each(function(i,elements){ //해당 index(순서)값을 가져옵니다. index = $(elements).index("input:checkbox[name=cart_prd_seq]"); //해당 index에 해당하는 체크박스의 ID 속성을 가져옵니다. alert($("input:checkbox[name=cart_prd_seq]").eq(index).attr("id")); //해당..
특정 form에 소속되어 있는 elements를 가져와서 해당 input,select, textarea에 대한 vaildation을 실행해 주는 작업이 필요할 때가 있는데, 이럴 때 아래와 같은 방식으로 가져오면편하게 가져올 수 있다. 123456789//저장버튼 클릭시에 validation 실행$("#save_btn").bind("click",function(){ var targetForm = $("#frm_req_adjust_price .__required"); $.each(targetForm, function(index, elem){ alert("targetName : " + $(this).attr("name") + ", targetID : " + $(this).attr("id") + ", targ..
Web용 화면을 만들다 보면 라디오(radio)버튼을 컨트롤해야 할때가 있습니다.아래와 같은 방식으로 라디오 버튼을 컨트롤 할 수 있습니다. 다만 모바일 사용자를 위해 checkbox, radio에 label을 사용한 경우라면 해당 label과 선택된 라디오,체크박의를 동기화 시켜 주어야 합니다. 12345678910111213//jquery 1.6 이하 라디오버튼 선택$("input:radio[name='satisfaction_score']:radio[value='5']").attr("checked","checked"); //jquery 1.6 이상 라디오버튼 선택$("input:radio[name='satisfaction_score']:radio[value='5']").prop("checked",tr..
jquery를 사용하여 스크립트를 짜다보면 특정 DIV,SPAN 혹은 TAG에 소속된 내용을 가져와서처리해줘야 할때가 있다. 그럴 때 아래와 같이 하면 좀 더 편하게 프로그래밍 할 수 있다. 중 카테고리 명 중 카테고리 명 중 카테고리 명 위와 같은 상태에서 id divCategoryFirst 에 있는 li 에 내용을 모두 가져오고 싶다면$.each($("#divCategoryFirst li"), function(i) { if(!clickView) $(this).show(); else $(this).hide(); });위와 같이 사용하면 된다.위의 내용은 id divCategoryFirst 안에 li를 가져와서 each로 looping을 하라는 내용이고clickView 값에 따라서 show(),hide(..