IE下checkbox双击问题

最新推荐文章于 2023-07-10 16:58:06 发布

蓝阳

最新推荐文章于 2023-07-10 16:58:06 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML&CSS

本文链接：https://blog.youkuaiyun.com/Forrest_Chen/article/details/52040245

HTML&CSS 专栏收录该内容

6 篇文章

订阅专栏

checkbox在IE下双击后为选中状态，其他主流浏览器则为先选中后取消选中，所以给人感觉IE下checkbox反应很慢的样子。这其实是ondblclick（双击）属性搞鬼。

解决方案：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-3.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { //重要
	$("input[type='checkbox']").attr('ondblclick', 'this.click()');
}); 
</script>
</head>
<body>
<form>
<input class="check" type='checkbox' name="bike" >I am a bike</input>
<br>
<input class="check" type="checkbox" name="car" οndblclick="this.click()">I am a car</input>
<br>
</form>
</body>
</html>

或把script放底部：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-3.1.0.min.js"></script>
</head>
<body>
<form>
<input class="check" type='checkbox' name="bike" >I am a bike</input>
<br>
<input class="check" type="checkbox" name="car" οndblclick="this.click()">I am a car</input>
<br>
</form>
<script type="text/javascript">
	$("input[type='checkbox']").attr('ondblclick', 'this.click()');
</script>
</body>
</html>