<div class="codetitle"> <span><a style="CURSOR: pointer" data="11599" class="copybut" id="copybut11599" onclick="doCopy('code11599')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code11599"> <br><input type="button" value="btn1 " id= "btn1"/> <br><input type="button" value="btn2" id="btn2"/> <br><input type="button" value="btn3" id ="btn3 "/> <br><script type="text/javascript"> <br>for(var i=1;i<=3;i ){ <BR>document.getElementById('btn' i).onclick = (function(j){ <BR>return function(){ <BR>alert(j); <BR>} <BR>})(i); script><br><br> <br> </div>다음은 jquery와 결합한 코드이며 원리는 같습니다<br><strong>javascript를 사용하여 페이지의 요소를 일괄 바인딩하고 증분 숫자를 전달할 때, <br><html> 부분의 코드: </strong><br><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="3313" class="copybut" id="copybut3313" onclick="doCopy('code3313')"><u></u> 코드는 다음과 같습니다. : </a></span> </div>< ;input type="button" id="btn1" value="Button 1" /> <div class="codebody" id="code3313"><input type="button" id="btn2" value= "버튼 2" /> <br>< ;input type="button" id="btn3" value="버튼 3" /> <br><input type="button" id="btn4" value= "버튼 4" /> <br>< ;input type="button" id="btn5" value="버튼 5" /> <br><input type="button" id="btn6" value= "버튼 6" /> <br>< ;input type="button" id="btn7" value="Button 7" /> <br><br> <br><js> </div> <br><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="81287" class="copybut" id="copybut81287" onclick="doCopy('code81287')"><u></u> 코드는 다음과 같습니다.</a></span> </div>$(function () { <div class="codebody" id="code81287"> var i <br>for (i = 1; i < = 7; i ) { <br>$("#btn" i).bind("click", { id: i }, dis); >} <br>}); <br><br>function dis(evt) { <br>alert(evt.data.id) <br>} <br><br> </div>
