注册 登录
编程论坛 JavaScript论坛

一个关于重复 id 的 change 事件绑定的神题

xiao_xiami 发布于 2014-12-03 10:37, 601 次点击
<!DOCTYPE html>
<html>
<head>
    <script type='text/javascript' src='js/jquery-1.9.1.min.js'></script>
</head>
<body>
  <input type="radio" name="time"  id="everyday" value="0">早上
  <input type="radio" name="time"  id="everyday" value="1">中午
  <input type="radio" name="time"  id="everyday" value="2">晚上
    <script>
       $('.llll, #everyday').change(function(){
            alert(1);
        });

       $('#everyday').change(function(){
            alert(2);
        });

    </script>
</body>
</html>

童鞋们,请看清楚咯:

在这样的一个页面里面,为什么选则“早上”,两个change事件都会触发,但是选择“中午”或“晚上”只会触发第一个change事件

说明一下:故意使用相同id的,这样才会出现这样的问题,第一个change事件中的“.llll”class是不存在的,但是换成一个已存在的id或class同样会有这样的问题


[ 本帖最后由 xiao_xiami 于 2014-12-3 10:38 编辑 ]
1 回复
#2
渴望做梦2015-02-11 14:48
在实际浏览器里测试没有反应
1