jQuery의 val()

jQuery의 val()
1. 실례 원본 코드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery  val()</title>
<script type="text/javascript" src="jquery-2.1.0.js"></script>
<script type="text/javascript">
   $(function(){
	   $("#btn").click(function(){
		     	$("input[name=ckb]:checked").each(function() {
             		alert($(this).val());
      		 });
	   });
	   
   });
</script>
</head>

<body>
   <div id="div1">
       <table>
          <tr>
            <td>
              <input type="checkbox" id="ckb1" name="ckb" value="  "/>  
              <input type="checkbox" id="ckb2" name="ckb" value="  "/>  
              <input type="checkbox" id="ckb3" name="ckb" value="  "/>  
            </td>
          </tr>
          <tr>
            <td>
              <input type="button" id="btn" value="  "/>
            </td>
          </tr>
       </table>
   </div>
</body>
</html>

2. 결과는 다음과 같다.
(1) 모두 선택
'농구, 축구, 배구'하나씩 쳐주세요.
(2) 선택 부분
순서대로 값을 팝업하다
(3) 모두 선택 안 함
창을 튕기지 않음

좋은 웹페이지 즐겨찾기