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

时间：2023-03-09 10:02:24
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>

　　

相关文章