IE, Firefox下，checkbox的钩钩一旦勾上，画面再刷新，钩钩还是勾上的解决方案
日期：2014-05-17 浏览次数：20740 次
IE, Firefox下，checkbox的钩钩一旦勾上，画面再刷新，钩钩还是勾上的
IE, Firefox下，checkbox的钩钩一旦勾上，画面再刷新，钩钩还是勾上的。
步骤，
1， 使用下面的代码，画面初期化的时候 ch1,ch3 的 钩钩勾上。
2， 画面初期化之后，在画面上将 ch2的钩钩勾上
3， 按键盘F5 刷新画面
预想，按下F5，画面重新刷新的时候，应该重新加载html，这个时候，画面上应该是ch1,ch3 的钩钩勾上，ch2的钩钩不勾才对。
可是实际情况，ch1，ch2，ch3的钩钩都被勾上了。
这个问题一般怎么解决的？
PS:Chrome 和 safari 浏览器没有这个问题。
代码如下，大家可以试试。
------解决方案--------------------
<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>
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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
