单选按钮radio点击已选中的取消选中。

最新推荐文章于 2024-06-18 14:33:23 发布

土豆番茄酱紫

最新推荐文章于 2024-06-18 14:33:23 发布

阅读量3.8k

点赞数 3

分类专栏： jQuery 文章标签： jQuery radio unbind js事件

本文链接：https://blog.csdn.net/wyyrockking/article/details/52693590

版权

jQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $('input[name="cker"]').bind('change',function(){
    $('input[name="cker"]').unbind('click');
    $(this).bind('click',function(){
    $(this).prop('checked',false);
    $(this).unbind('click');
    });
  });
});
</script>
</head>
<body>
<input type="radio" name="cker"> 启用
<input type="radio" name="cker"> 停用
</body>
</html>

复制以上代码到http://www.w3school.com.cn/tiy/t.asp上提交代码查看效果。

原因：
1.当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。
2.unbind() 适用于任何通过 jQuery 附加的事件处理程序。
3.以及 jQuery中click和onclick的区别 http://blog.csdn.net/eyeder/article/details/48805055