관리 메뉴

웹개발자의 기지개

eval 이용하기 본문

javascript

eval 이용하기

http://portfolio.wonpaper.net 2019. 4. 26. 12:29

작업하다 보면 동적으로 input 박스나 checkbox 등을 주욱 연이어 활용해야 하는 경우가 자주 발생한다.

 

다음 코드를 살펴보자.

 

<form name="f" method="post">

<input type="checkbox" name="chk1" value="y" onclick="chkChg('1')">

<input type="checkbox" name="chk2" value="y" onclick="chkChg('2')">

<input type="checkbox" name="chk3" value="y" onclick="chkChg('3')">

 

</form>

 

<script>

function chkChg(no) {

   var chk = eval("document.f.chk" + no);

   if (chk.checked) {

         location.href="a.html?no=" + no + "&chk=y";

   } else {

         location.href="a.html?no=" + no;

   }

}

</script>

 

 

상기 소스중에 핵심은 eval 의 동적 기능이다. 

체크한 체크박스부분 확인하여 그 no 값을 넘길수 있다.

Comments