<div class="codetitle"> <span><a style="CURSOR: pointer" data="59043" class="copybut" id="copybut59043" onclick="doCopy('code59043')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code59043"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <style type="text/css"> <br>#newsTable{margin:100px auto;} <br></style><br><script 언어="javascript" type="text/javascript" src=" jquery1.1.2.js"></script><!-인터넷에 업로드하고 이를 사용하여 연결합니다--><br><script 언어="javascript" type="text/javascript "> <br>//A Huinan Practice 2009-4-13 <br>$(document).ready(function(){ <br>$("#btnOk").click(function(){ <br> this.value = this.value == "모두 선택"?"역 선택":"모두 선택" <br>$("input[@type='checkbox']").checkCbx() <br>} ); <br>}); <br>//각 항목이 코드에 나타나면 위 코드를 다시 작성하여 jquery 튜토리얼 <br>$.fn.checkCbx = function( ){ <br>return this.each(function(){ <br>this.checked = !this.checked; <br>}) <br>} <br></script> ;제목 없는 문서 </title> <br><br><body> <br><table border="1" id="newsTable"> ; <br> <br>번째>ID번째> <br><br>선택 tr><br><td><input type="checkbox" name="cbx" /></td> <br><td>1</td> 후이 난 <br> <br><td> <input type="checkbox" name="cbx"><br><td>2</td> <br></td> <br><tr> ="checkbox" name="cbx" /></td> <br><td>3</td> <br><td>A Huinan</td> <br><tr> <br><td><input type="checkbox" name="cbx" /></td> <br><td>4</td> <td>A Huinan</td> <br><tr> <br><td><input type="checkbox" name="cbx " /> /td> <br><td>5</td> <br></tr> <br><td> <input type="checkbox" name="cbx" /></td> <br><td>6</td> <br><td> <br> </td> <tr> <br><td colspan="3" type="button" name="btnOk" id=" btnOk" value="모두 선택"></tr> <br></body> <br></html><br><br> </td> </tr> </div>