js和jquery动态实现radio选中触发事件

最近写的功能是根据radio选中不同的值实现触发对应的事件，现将实现方法总结如下：

html如下：

<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>

1.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);
};

2.jquery实现方法（根据input的name属性）：

$('input:radio[name="pathType"]').click(function(){
var checkValue = $('input:radio[name="pathType"]:checked').val();
alert(checkValue);
});

3.jquery实现方法（根据input的type=’radio’属性）：

注：下面的事件触发对页面所有type=‘radio’的input都有效，请谨慎使用

$(':radio').click(function(){
var checkValue = $(this).val();
alert(checkValue);
});