案例:jQuery案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<script type="text/javascript" src="/js/jquery.js"></script>
4
<script type="text/javascript">
5
$(document).ready(function(){
6
  $(".btn1").click(function(){
7
    $(":checked").hide();
8
  });
9
});
10
</script>
11
</head>
12
<body>
13
<form action="">
14
<input type="radio" name="sex" value="male" checked="checked"/> Male
15
<br />
16
<input type="radio" name="sex" value="female" /> Female
17
<br />
18
I have a bike:
19
<input type="checkbox" name="vehicle" value="Bike" />
20
<br />
21
I have a car:
22
<input type="checkbox" name="vehicle" value="Car" checked="checked" />
23
<br />
24
I have an airplane:
25
<input type="checkbox" name="vehicle" value="Airplane" />
26
</form>
27
<button class="btn1">Hide Checked Options</button>
28
</body>
29
</html>
30