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

最新推荐文章于 2025-05-21 09:23:18 发布

土豆番茄酱紫

最新推荐文章于 2025-05-21 09:23:18 发布

阅读量3.9k

点赞数 3

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/wyyrockking/article/details/52693590

jQuery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用jQuery处理单选按钮事件的方法，通过在单选按钮的更改事件上绑定点击事件，实现取消选择的功能，并解释了jQuery中click与onclick的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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.youkuaiyun.com/eyeder/article/details/48805055