最近写的功能是根据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);
});