触发checkbox的click事件时遇到的问题

最新推荐文章于 2024-06-22 21:00:00 发布

AngelDevil

最新推荐文章于 2024-06-22 21:00:00 发布

阅读量3.6k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/andevil/article/details/28270453

版权

在尝试使用jQuery实现checkbox单选时，遇到了点击事件导致的无限循环问题。点击一个已选中的checkbox时，应取消选中其他已被选中的checkbox，但实际操作中却引发了循环触发。分析发现，jQuery在代码触发click事件时，会先执行事件处理函数再改变状态，而鼠标点击则是先改变状态再触发事件。为解决此问题，解决方案是在触发事件前手动改变checkbox的checked状态，避免循环。

摘要由CSDN通过智能技术生成

　　因一些原因要实现checkbox的单选，实现的方法是当选中一个checkbox时，用jQuery选择除这个刚选中的checkbox外所有已经被选中的checkbox，然后触发其click事件（因为每个checkbox状态改变时要处理一些问题，所以不能直接将其checked状态改为false），但却莫名其妙地进入了无限循环．

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Untitled Page</title>
    <script language="javascript" src="jquery-1.4.1-vsdoc.js"></script>
    <script type="text/javascript">
        $(function() {
            $(':checkbox').click(function(){
				alert($(this).attr('checked'));
			});
			$(':checkbox').click(function(){
				if($(this).attr('checked')){
					$(':checkbox:checked').not(this).click();
				}
			});
		});
    </script>
</head>
<body>
    <form id="form1" runa

最低0.47元/天解锁文章

AngelDevil

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
触发checkbox的click事件时遇到的问题

因一些原因要实现checkbox的单选，实现的方法是当选中一个checkbox时，用jQuery选择除这个刚选中的checkbox外所有已经被选中的checkbox，然后触发其click事件（因为每个checkbox状态改变时要处理一些问题，所以不能直接将其checked状态改为false），但却莫名其妙地进入了无限循环． Untitled Page
复制链接

扫一扫

专栏目录