在尝试使用jQuery实现checkbox单选时，遇到了点击事件导致的无限循环问题。点击一个已选中的checkbox时，应取消选中其他已被选中的checkbox，但实际操作中却引发了循环触发。分析发现，jQuery在代码触发click事件时，会先执行事件处理函数再改变状态，而鼠标点击则是先改变状态再触发事件。为解决此问题，解决方案是在触发事件前手动改变checkbox的checked状态，避免循环。
因一些原因要实现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元/天 解锁文章
扫一扫
8578
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
