Javascript 刷新页面时div消失_Javascript_Html

Javascript 刷新页面时div消失

javascript html

Javascript 刷新页面时div消失,javascript,html,Javascript,Html,无法理解为什么下面的代码会使文本字段在页面刷新时消失（当选择“否”单选按钮时）。此外，刷新页面后，默认单选按钮不会被选中不过，强制刷新可以解决问题有什么想法吗 <html> <body> <div class="editfield"> <div id="field_1"> <label> <input type="radio" checked="chec

无法理解为什么下面的代码会使文本字段在页面刷新时消失（当选择“否”单选按钮时）。此外，刷新页面后，默认单选按钮不会被选中

不过，强制刷新可以解决问题

有什么想法吗

<html>
<body>
<div class="editfield">
        <div id="field_1">
            <label>
                <input type="radio" checked="checked" name="radio-1" id="radio-1_id" value="Yes" onclick="document.getElementById('divUrl').style.display='none'">Yes
        </label>
            <label>
                <input type="radio" name="radio-1" id="radio-2_id" value="No" onclick="document.getElementById('divUrl').style.display='block'">No
        </label>
    </div>
</div>
<div class="editfield" id="divUrl" style="display:none">
    <label>Website URL</label>
    <input type="text" name="X" id="X_id" value="" />
</div>
</body>
</html>


对
不
网站地址

页面刷新将启动页面的“原始状态”。那么

style="display:none"

将在div上重新激活并隐藏，“是”按钮也将重新启用


<!DOCTYPE html>
<html lang="en-US">
<body onLoad="document.getElementById('radio-2_id').checked=false; document.getElementById('radio-1_id').checked=true;">
<div class="editfield">
        <div id="field_1">
            <input type="radio" checked="checked" name="radio-1" id="radio-1_id" value="Yes" onclick="document.getElementById('divUrl').style.display='none'">
            <label for='radio-1_id'>
                Yes
        </label>
            <input type="radio" name="radio-1" id="radio-2_id" value="No" onclick="document.getElementById('divUrl').style.display='block'">
            <label for='radio-2_id'>
                No
        </label>
        </div>
</div>
<div class="editfield" id="divUrl" style="display:none">
    <label>Website URL</label>
    <input type="text" name="X" id="X_id" value="" />
</div>
</body>
</html>

对
不
网站地址

简单回顾一下：
1。在页面刷新时，div应该消失（所有动态设置/添加的css、js和html都被删除），并且所选单选按钮应该是第一个（是）
2。在所有主流浏览器上进行了测试，效果良好
3。仍然无法理解为什么没有JS刷新，Mozilla和IE就不能正常工作

我将单选按钮从标签中移出，以查看这是否以任何方式影响了刷新，但没有影响。另外，我删除了原始代码中的一个额外的

。

是因为

.editfield

中给出了

style=“display:none”

？您是否有可能使用Firefox？某些版本的Firefox在刷新时会记住DOM状态，只有在硬刷新时才会重置。onclick操作只有在您单击元素时才起作用（刷新后不会记住这些状态），并且由于默认情况下div是隐藏的，因此刷新时div将保持隐藏。刷新时，div应保持隐藏，选择的单选按钮应为“是”按钮。我确实在Mozilla和Trident引擎（IE 7-11）下查看了它，在div被隐藏时，“否”仍然处于选中状态。在Chrome、Opera和Safari上，一切正常（使用了最新版本，在Maxthon中试用了Trident引擎），谢谢大家的回复。感谢您在其他地方进行测试。我现在是Fedora 20的F28。刷新后选择“是”并隐藏div的方法是什么？在我的情况下不会发生这种情况（F28）。'“是”不会在刷新时重新启用，这是我希望的。请参阅上面的评论以获得一些解释。这在最新的Firefox、Chrome和Safari上运行良好。好极了。