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>