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

最新推荐文章于 2023-09-18 13:54:56 发布

weixin_30951743

最新推荐文章于 2023-09-18 13:54:56 发布

阅读量341

点赞数 1

文章标签： c# javascript ViewUI

原文链接：http://www.cnblogs.com/z360519549/p/10628269.html

版权

<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].οnclick=function(){
	
	var checkValue = pathTypeArr[0].value;
	
	alert(checkValue);

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

};

*/

</script>
</html>

转载于:https://www.cnblogs.com/z360519549/p/10628269.html

weixin_30951743

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
radio 标签状态改变时触发事件

<html><head><script src="jquery1.7.2.js"></script></head><body> <div id="div_pathType"> <input name="pathType" class="page_input_rad...
复制链接

扫一扫