2007년 10월 5일 금요일

[jQuery] checkbox선택 하기

<html>
<head><title>pimz dashboard</title></head>
<script src="js/jquery-1.1.3.1.js" type="text/javascript"></script>
<script src="js/corners.js" type="text/javascript"></script>
<script src="js/jquery.easydrag.js" type="text/javascript"></script>
<script type="text/JavaScript">

 
  $(document).ready(function(){
 $("a.link1").click ( bind_click2 );
  });

str = "<ul><ul><li>test</li></ul><ul><li>aaa</li></ul></ul>";

  function bind_click2()
  {
 
 a = $("ul", str).get(1);

 $("ul", str).each( function(){
  // alert ( $(this).html() );
  })

 //===========================================
 // checkbox 선택..
 // 항복 체크
 i = 0; // 문제 번호
 j = 1; // 항목 번호
 $("#test ul")
  .eq( i )
  .find("input[@type=checkbox]")
  .eq( j )
  .attr("checked", "true");
 

  }
</script>

<body>
Parameter passing test

<table border="1">
 <tr>
  <td><a href="#" class="link1" key="11111" value="haha">test1</a></td>
 </tr>
 <tr>
  <td><a href="#" class="link1" key="22222" value="hoho">test2</a></td>
 </tr>
</table>
<div id="test">
문 1
<ul>
 <li><input type="checkbox">haha 1</li>
 <li><input type="checkbox">haha 2</li>
 <li><input type="checkbox">haha 3</li>
</ul>
문 2
<ul>
 <li><input type="checkbox">haha 1</li>
 <li><input type="checkbox">haha 2</li>
 <li><input type="checkbox">haha 3</li>
</ul>


</div>
</body>
</html>

댓글 없음:

댓글 쓰기