자바스크립트 변수명 및 html id name 을 반복변수를 사용해서 변수 이름 만드는 방법

개발을 하다보면 여러건을 입력 받아 처리해야할 때가 있다.

예를들어

<input type="text" id="id0" name="name0">

<input type="text" id="id1" name="name1">

<input type="text" id="id2" name="name2">

...

위에처럼 name0, name1, name2.. 이런식으로 처리를 했다.

name 한개만 있다면 그나마 나을 텐데 이렇게 여러건이면 name 뿐만 아니라 id, 자바스크립트 함수명 등 여러건이 걸린다.

그래서..

처음에는 name0, name1, name2..., id0, id1, id2 .... 이렇게 삽질해서 변수이름을 줬는데

도저히 짜증이나서 바꿨다.

결론은 "+i+" 만 잘 사용하면 되었다.

jQuery를 사용해야만 해서

<input type="radio" name="rdoType0" value="D">

<input type="radio" name="rdoType1" value="D">

<input type="radio" name="rdoType2" value="D">

...

이렇게 되어 있는것을

html="";

html+"<input type=\"radio\" name='rdoType"+i+"' value=\"D\">

위에처럼 한줄로 끝낼 수 있다..

' 와 " 가 많아 헷갈린다.. alert등으로 찍어보고 안되면 '과 " 을 다시 한번 잘 살펴봐야 한다.