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

来源：互联网发布：java web视频监控系统编辑：程序博客网时间：2024/06/03 02:38

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表单中能解决

0 0