首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-03-09 
IE, Firefox下,checkbox的钩钩一旦勾上,画面再刷新,钩钩还是勾上的IE, Firefox下,checkbox的钩钩一旦勾上,

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>

热点排行