您的位置：首页 > 其它

IE下checkbox双击问题

2016-07-26 22:28 218 查看

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" ondblclick="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" ondblclick="this.click()">I am a car</input>
<br>
</form>
<script type="text/javascript">
$("input[type='checkbox']").attr('ondblclick', 'this.click()');
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航