IE, Firefox下，checkbox的钩钩一旦勾上，画面再刷新，钩钩还是勾上的解决方案

最新推荐文章于 2022-03-28 22:35:45 发布

jaryle

最新推荐文章于 2022-03-28 22:35:45 发布

阅读量778

点赞数 1

分类专栏： java

本文链接：https://blog.csdn.net/jaryle/article/details/53841248

版权

java 专栏收录该内容

105 篇文章 2 订阅

订阅专栏

IE, Firefox下，checkbox的钩钩一旦勾上，画面再刷新，钩钩还是勾上的
IE, Firefox下，checkbox的钩钩一旦勾上，画面再刷新，钩钩还是勾上的。

步骤，
1，使用下面的代码，画面初期化的时候 ch1,ch3 的钩钩勾上。
2，画面初期化之后，在画面上将 ch2的钩钩勾上
3，按键盘F5 刷新画面

预想，按下F5，画面重新刷新的时候，应该重新加载html，这个时候，画面上应该是ch1,ch3 的钩钩勾上，ch2的钩钩不勾才对。

可是实际情况，ch1，ch2，ch3的钩钩都被勾上了。

这个问题一般怎么解决的？

PS:Chrome 和 safari 浏览器没有这个问题。

代码如下，大家可以试试。

HTML code

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>

<body>
    <div id="sizeCheck">
        <input type="checkbox" name="size" id="ch1" value="10 pt"/>10 pt
        <input type="checkbox" name="size" id="ch2" value="12 pt" />12 pt
        <input type="checkbox" name="size" id="ch3" value="14 pt" />14 pt
    </div>
</body>
</html>

------解决方案--------------------
<div id="sizeCheck">
<input autocomplete="off" type="checkbox" name="size" id="ch1" value="10 pt"/>10 pt
<input autocomplete="off" type="checkbox" name="size" id="ch2" value="12 pt" />12 pt
<input autocomplete="off" type="checkbox" name="size" id="ch3" value="14 pt" />14 pt

</div>

注意：如果放到input不能解决，就加入到form表单中能解决