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

bug描述
当象下例中那样操作了表单radio/checkbox的DOM结构时（或者直接影响了他们的结构时）选中的checkbox/radio将会自动恢复到默认状态，有如点了reset按钮一样。
</p> <p><title>Rank's HTML document</title></p> <p>/**/</p> <h1> <a href="https://kunjuke.com/tag/2741/" title="IE" target="_blank">IE</a> form control bug </h1> <p>from: <em>never-online weblog</em></p> <h3> 1. Select radio to checked </h3> <p><label for="rdo-1">radio1</label><br /> <label for="rdo-2">radio2</label><br /> <label for="rdo-3">radio3</label><br /> <label for="rdo-4">radio4</label></p> <h3> 2. Click button to change dom structure </h3> <p class="p"><button type="button">test</button></p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
解决方法
可以在操作DOM之前，用defaultChecked来设置checked的值。
</p> <p><title>Rank's HTML document</title></p> <p>/**/</p> <h1> fixed IE form control bug </h1> <p>from: <em>never-online weblog</em></p> <h3> 1. Select radio to checked </h3> <p><label for="rdo-1">radio1</label><br /> <label for="rdo-2">radio2</label><br /> <label for="rdo-3">radio3</label><br /> <label for="rdo-4">radio4</label></p> <h3> 2. Click button to change dom structure </h3> <p class="p"><button type="button">test</button></p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• Vue.js每天必学之表单控件绑定
• Bootstrap中表单控件状态(验证状态)
• Bootstrap所支持的表单控件实例详解
• 全面解析Bootstrap表单使用方法（表单控件状态）
• 全面解析Bootstrap表单使用方法（表单控件）
• JS模拟并美化的表单控件完整实例
• jQuery操作DOM之获取表单控件的值
• php通过隐藏表单控件获取到前两个页面的url
• 获取表单控件原始(初始)值的方法
• javascript表单控件实例讲解