案例:jQuery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <style>p { color:red; }</style>
5
  <script type="text/javascript" src="/js/jquery.js"></script>
6
</head>
7
8
<body>
9
<form method="post" action="">
10
  <fieldset>
11
    <div>
12
      <label for="two">2</label>
13
      <input type="checkbox" value="2" id="two" name="number[]">
14
    </div>
15
    <div>
16
      <label for="four">4</label>
17
      <input type="checkbox" value="4" id="four" name="number[]">
18
    </div>
19
    <div>
20
      <label for="six">6</label>
21
      <input type="checkbox" value="6" id="six" name="number[]">
22
    </div>
23
    <div>
24
      <label for="eight">8</label>
25
      <input type="checkbox" value="8" id="eight" name="number[]">
26
    </div>
27
  </fieldset>
28
</form>
29
30
<p><b>Values: </b></p>
31
32
<script>
33
  $("p").append($(':checkbox').map(function() {
34
    return this.id;
35
  }).get().join(','));
36
</script>
37
38
</body>
39
</html>
40