久久黄网站,久久99精品久久久久久欧洲站 ,国产一区二区三区国产精品

bug描述
當(dāng)象下例中那樣操作了表單radio/checkbox的DOM結(jié)構(gòu)時(shí)（或者直接影響了他們的結(jié)構(gòu)時(shí)）選中的checkbox/radio將會(huì)自動(dòng)恢復(fù)到默認(rèn)狀態(tài)，有如點(diǎn)了reset按鈕一樣。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Rank's HTML document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Expires" content="0" /><meta http-equiv="ImageToolbar" content="no" /><meta http-equiv="Creator.name" content="Rank, BlueDestiny, never-online" /><style type="text/css" title="default" media="screen">/*<![CDATA[*/body { font-size:80%; line-height:1.5; }body, button { font-family:arial; }button { padding:0 0.3em 0 0.3em; }h1, h3 { margin:0; padding:0; }h1 { font-size:2.3em; }h3 { font-size:1.3em; }form { display:inline-block; }div.link { padding:1em; }div.content { background:#ffc; padding:1em; border:1px solid #222; margin:1em 0 1em; }#rdoWrapper { }#hd { text-align:center; }/*]]>*/</style></head><body><h1> IE form control bug </h1>from: <em>never-online weblog</em><h3> 1. Select radio to checked </h3><form method="post"><input type="radio" name="rdo" id="rdo-1" value="rdo-1" checked><label for="rdo-1">radio1</label><input type="radio" name="rdo" id="rdo-2" value="rdo-2"><label for="rdo-2">radio2</label><input type="radio" name="rdo" id="rdo-3" value="rdo-3"><label for="rdo-3">radio3</label><input type="radio" name="rdo" id="rdo-4" value="rdo-4"><label for="rdo-4">radio4</label></form><h3> 2. Click button to change dom structure </h3><p class="p"><button type="button" onclick="handleChangeDom()">test</button></p></body></html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
解決方法
可以在操作DOM之前，用defaultChecked來設(shè)置checked的值。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Rank's HTML document</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Expires" content="0" /><meta http-equiv="ImageToolbar" content="no" /><meta http-equiv="Creator.name" content="Rank, BlueDestiny, never-online" /><style type="text/css" title="default" media="screen">/*<![CDATA[*/body { font-size:80%; line-height:1.5; }body, button { font-family:arial; }button { padding:0 0.3em 0 0.3em; }h1, h3 { margin:0; padding:0; }h1 { font-size:2.3em; }h3 { font-size:1.3em; }form { display:inline-block; }div.link { padding:1em; }div.content { background:#ffc; padding:1em; border:1px solid #222; margin:1em 0 1em; }#rdoWrapper { }#hd { text-align:center; }/*]]>*/</style></head><body><h1> fixed IE form control bug </h1>from: <em>never-online weblog</em><h3> 1. Select radio to checked </h3><form method="post"><input type="radio" name="rdo" id="rdo-1" value="rdo-1" checked><label for="rdo-1">radio1</label><input type="radio" name="rdo" id="rdo-2" value="rdo-2"><label for="rdo-2">radio2</label><input type="radio" name="rdo" id="rdo-3" value="rdo-3"><label for="rdo-3">radio3</label><input type="radio" name="rdo" id="rdo-4" value="rdo-4"><label for="rdo-4">radio4</label></form><h3> 2. Click button to change dom structure </h3><p class="p"><button type="button" onclick="handleChangeDom()">test</button></p></body></html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

JavaScript技術(shù)：IE在DOM操作有表單控件時(shí)的bug，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

IE在DOM操作有表單控件時(shí)的bug

相關(guān)文章閱讀