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>

  

posted @ 2019-03-30 17:42  zhoudingzhao  阅读(10578)  评论(0编辑  收藏  举报