• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Element Selection</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            $("button").on("click", function() {
11
                // 체크되어 있는 요소를 모두 선택함.
12
                $(":checked").next().text("체크되어 있는 요소는 이 요소입니다.");
13
            });
14
        });
15
    </script>
16
</head>
17
​
18
<body>
19
​
20
    <h1>Form 요소의 선택</h1>
21
​
22
    <form>
23
        <input type="checkbox" name="lecture" value="html"> <span>HTML</span> <br>
24
        <input type="checkbox" name="lecture" value="css"> <span>CSS</span> <br>
25
        <input type="checkbox" name="lecture" value="javascript"> <span>자바스크립트</span> <br>
26
        <input type="checkbox" name="lecture" value="jquery" checked> <span>제이쿼리</span>
27
    </form>
28
    <button>필터링</button>
29
30
</body>
31
​
32
</html>