当前位置：首页 > 资讯 > 技术文档

IE在DOM操作有表单控件时的bug

时间：2022-04-26 21:35 编辑：来源：阅读：
扫一扫，手机访问

摘要：IE在DOM操作有表单控件时的bug

bug描述当象下例中那样操作了表单radio/checkbox的DOM结构时（或者直接影响了他们的结构时）选中的checkbox/radio将会自动恢复到默认状态，有如点了reset按钮一样。

Rank's HTML document
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<meta content="no-cache" http-equiv="Pragma"> 
<meta content="no-cache" http-equiv="Cache-Control"> 
<meta content="0" http-equiv="Expires">
<meta content="no" http-equiv="ImageToolbar">
<meta content="Rank, BlueDestiny, never-online" http-equiv="Creator.name">

<div id="hd">
<h1> IE form control bug </h1>
<div class="link">from: [url=http://www.never-online.net/blog][i]never-online weblog[/i][/url]</div>
</div>
<div class="content" id="rdoWrapper">
[h2] 1. Select radio to checked [/h2]
<form method="post">
<input checked id="rdo-1" name="rdo" type="radio" value="rdo-1"><label for="rdo-1">radio1</label>
<input id="rdo-2" name="rdo" type="radio" value="rdo-2"><label for="rdo-2">radio2</label>
<input id="rdo-3" name="rdo" type="radio" value="rdo-3"><label for="rdo-3">radio3</label>
<input id="rdo-4" name="rdo" type="radio" value="rdo-4"><label for="rdo-4">radio4</label>
</form>
</div>
<div class="content">
[h2] 2. Click button to change dom structure [/h2]
<button onclick="handleChangeDom()" type="button">test</button>

</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

[b]解决方法[/b] 可以在操作DOM之前，用defaultChecked来设置checked的值。

<div id="hd">
<h1> fixed IE form control bug </h1>
<div class="link">from: [url=http://www.never-online.net/blog][i]never-online weblog[/i][/url]</div>
</div>
<div class="content" id="rdoWrapper">
[h2] 1. Select radio to checked [/h2]
<form method="post">
<input checked id="rdo-1" name="rdo" type="radio" value="rdo-1"><label for="rdo-1">radio1</label>
<input id="rdo-2" name="rdo" type="radio" value="rdo-2"><label for="rdo-2">radio2</label>
<input id="rdo-3" name="rdo" type="radio" value="rdo-3"><label for="rdo-3">radio3</label>
<input id="rdo-4" name="rdo" type="radio" value="rdo-4"><label for="rdo-4">radio4</label>
</form>
</div>
<div class="content">
[h2] 2. Click button to change dom structure [/h2]
<button onclick="handleChangeDom()" type="button">test</button>

</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：PHP下判断网址是否有效的代码
下一篇：php 过滤危险html代码

资讯排行榜
更多>>