문자열 내에 특정 반복되는 기호나 문자열을 일괄로 치환하고 싶을경우
replaceall이라는 기능을 사용합니다.
하지만, 자바스크립트에는 replace함수는 제공되지만
replaceall이라는 함수가 별도로 존재하지 않습니다.
한번 replace 함수만을 사용하여 특정 문자열이 어떻게 치환되나
확인해보도록 하겠습니다.
var data="여기에 임시의 데이터가 존재합니다. 데이터란 내용을 data라고 변경을 해보도록 하겠습니다." alert("replace사용 전:"+data); alert("replace사용 후:"+data.replaceAll("데이터","data"));
우선 replace 함수 실행전의 데이터 내용을 alert을 이용하여 출력해보았습니다.
"데이터"란 문자열을 "data"라고 변경하고자 합니다.
위결과 2개의 "데이터" 라는 문구가 존재하는데
replace함수를 사용한 결과 제일 먼저 나오는 데이터라는 문구만 "data"라고 변경이 되었습니다.
그렇다면 "데이터"란 단어를 모두 "data"로 변환하기위해 replaceAll함수를 하나 만들어 보겠습니다.
function replaceAll(content,before,after){ return content.split(before).join(after); }
위 함수를 이용하여 replace함수를 호출했던 내용의 문자열을 다시 한번 호출해보도록 하겠습니다
해당 부분은 상단 실행전이랑 메시지가 똑같죠?
두개의 "데이터"라는 단어가 모두 "data"라고 변경이 완료되었습니다 ^^ㅋ
유용하게 사용하시길 !!!
by 개발로짜
jquery를 이용하여 체크박스 전체 선택 및 해제하기 (2) | 2014.10.05 |
---|
개발을 하다보면 일괄로어떠한 데이터들을 일괄로 삭제 또는 추가를 하기 위해
체크박스를 이용하여 기능을 구현합니다.
예를 들면 게시판 목록에 쉽게 확인 할 수 있습니다.
저희가 자주 쓰는 네이버나 다음의 메일목록을 예를 들도록 해보도록 하겠습니다 ^^
위 화면을 보시면 리스트의 좌측에 체크박스들이 각 리스트마다 체크박스가 존재합니다.
불필요한 메일들을 체크박스를 선택을 하여 한번에 목록에서 지우기 위하여 있는것입니다.
그렇다면 최상단에 존재하는 체크박스는 무엇인가요?
바로 저 상단 체크박스는 현재 존재하는 목록에 체크박스들을 일괄로 선택하게끔 지원을 해주는 놈이되겠습니다.
한번 최상단 체크박스를 클릭해보도록 하겠습니다.
한번에 체크박스들이 선택되었죠?
바로이 기능에 대하여 포스팅을 작성해보도록 하겠습니다
본 포스팅은 jquery 1.9버전의 CDN을 이용하여 진행을 하도록 하였습니다.
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
<table border="1"> <tr> <td><input type="checkbox" id="checkall" /></td> <td>내용</td> </tr> <tr> <td><input type="checkbox" name="chk" /></td> <td>테스트내용입니다테스트내용입니다</td> </tr> <tr> <td><input type="checkbox" name="chk" /></td> <td>안녕하세요개발로짜입니다안녕하세요개발로짜입니다</td> </tr> </table>
$(document).ready(function(){ //최상단 체크박스 클릭 $("#checkall").click(function(){ //클릭되었으면 if($("#checkall").prop("checked")){ //input태그의 name이 chk인 태그들을 찾아서 checked옵션을 true로 정의 $("input[name=chk]").prop("checked",true); //클릭이 안되있으면 }else{ //input태그의 name이 chk인 태그들을 찾아서 checked옵션을 false로 정의 $("input[name=chk]").prop("checked",false); } }) })
상단코드 기준으로 한번 실행을 해보도록 하겠습니다.
어떤가요? 맨위에 캡처한 기능과 동일한 기능이 동작 되었죠? ㅎㅎ
프로젝트에 일괄처리가 존재한다면 체크박스로 전체선택 및 해제하는 기능을 이용해보세요!
by 개발로짜
자바스크립트 replaceall함수 만들어서 사용하기 (0) | 2014.10.06 |
---|