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 = ElementsByName("pathType");
pathTypeArr[0].onclick=function(){
var checkValue = pathTypeArr[0].value;
alert(checkValue);
};
pathTypeArr[1].onclick=function(){
var checkValue = pathTypeArr[1].value;
alert(checkValue);
};
htmlradio添加切换事件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);
});
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论