捕获单选框/多选框的点击事件

一、捕获单选框的点击事件，一般用于验证情况。此处的功能：点击单选框时弹窗该单选框的值

1.引入jquery的文件(只要是jquery文件即可，无版本要求)

  <script src="js/jquery-1.8.3.min.js"></script>

2.单选框

  请选择您喜欢的水果：<br>
        <input type="radio" name="fruits" value="香蕉" checked="checked">香蕉
	<input type="radio" name="fruits" value="苹果">苹果
	<input type="radio" name="fruits" value="橙子">橙子

3.实现功能

<script type="text/javascript">
	/* :radio 选择器选取类型为 radio 的 <input> 元素。 */
	$(function(){
	  $(":radio").click(function(){
		 alert($(this).val());
	  });
	});
 </script>

4.功能效果图

二、捕获多选框的点击事件：与单选框的点击事件大同小异，只需要把上述中所有的“radio(单选)”改成“checkbox(多选)”即可