ie下checkbox控件点击问题

最新推荐文章于 2019-03-15 14:51:53 发布

隐0士

最新推荐文章于 2019-03-15 14:51:53 发布

阅读量2.3k

点赞数

本文链接：https://blog.csdn.net/lyd135364/article/details/81479982

版权

近期使用input元素，type类型为checkbox来做一个“显示/隐藏”地址本人员上级部门全路径功能，实现完后发现，在鼠标疯狂点击该复选框时，在ie下会出现有时候选中状态紊乱的情况，上网查了原因后才发现，是checkbox在ie浏览器下的兼容问题，checkbox在IE下双击后为选中状态，其他浏览器则为先选中后取消选中，里面则是ondblclick双击事件出的问题，因此只要把双击事件改为单击时间即可，js代码如下：

<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>User</title>
    </head>
    <body>
            <input type="checkbox" value="">解决复选框bug
    </body>

<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("input[type='checkbox']").attr('ondblclick', 'this.click()');
}); 
</script>
</html>

隐0士

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ie下checkbox控件点击问题

近期使用input元素，type类型为checkbox来做一个“显示/隐藏”地址本人员上级部门全路径功能，实现完后发现，在鼠标疯狂点击该复选框时，在ie下会出现有时候选中状态紊乱的情况，上网查了原因后才发现，是checkbox在ie浏览器下的兼容问题，checkbox在IE下双击后为选中状态，其他浏览器则为先选中后取消选中，里面则是ondblclick双击事件出的问题，因此只要把双击事件改为单击时...
复制链接

扫一扫