radio 标签状态改变时触发事件

<html>
<head>
<script src="jquery1.7.2.js"></script>


</head>

<body>
	<div id="div_pathType">
	
	<input name="pathType" class="page_input_radio" id="pathType" type="radio" checked="" value="1">路径1
	
	<input name="pathType" class="page_input_radio" id="pathType" type="radio" value="2">路径2

	</div>


</body>

<script type="text/javascript">

//第一种方法： jquery 的形式（对页面所有的radio有效）：
// $(':radio').click(function(){
//	var checkValue = $(this).val(); 
//	alert(checkValue);
// });

//第二种方法： jquery 的形式（针对name="pathType" 的radio 有效）：
$('input:radio[name="pathType"]').click(function(){
	var checkValue = $('input:radio[name="pathType"]:checked').val(); 
	alert(checkValue);
});

/* 第三种方法： js 的形式：
var pathTypeArr = document.getElementsByName("pathType");

pathTypeArr[0].onclick=function(){
	
	var checkValue = pathTypeArr[0].value;
	
	alert(checkValue);

};
pathTypeArr[1].onclick=function(){
	
	var checkValue = pathTypeArr[1].value;
	
	alert(checkValue);

};

*/

</script>
</html>
radio 标签状态改变时 触发事件

radio 标签状态改变时触发事件
