为什么javascript+；CSS显示设置使单选按钮消失？

我有一个简单的javascript，它根据下拉菜单选择隐藏/显示各种div-但它会使其中一个div上的单选按钮消失。。。有人知道为什么吗？带有单选按钮的列表是可编程的，它与“Book”选项一起使用，但与“Video”选项不一起使用。代码：

<script>
    function showstuff(boxid){
        if(boxid=="Book" || boxid=="Layers" || boxid=="3D"){
            document.getElementById("Video").style.display="none";
            document.getElementById("Book").style.display="inline";
        }else{
            document.getElementById("Video").style.display="inline";
            document.getElementById("Book").style.display="none";
        }
    }
</script>
 <select id="ARtype" name="ARtype" onChange="showstuff(this.value)">
    <option selected="selected" value="Book">Book</option>
    <option value="Video">Video</option>
    <option value="Layers">Layers</option>
    <option value="3D">3D</option>
</select>

        <div id="Video" style="display:none;">
    <dl><a href="uploadvideo.php">Upload Video</b>
            <img src="images/upload2.png" alt="Upload assets" /></a><br>

         <dt><label for="video">Video Overlay*</label></dt>     
        <!-- ###GET IMAGES FROM TRIGGERS FOLDER -->
    </dl>
        <table><tr><td>
        <?php
        foreach (glob("cmpping/videos/*.*") as $myimage){
           echo "<div style=\"float:left;border-right:1px solid black;padding-right:5px;margin-left:5px;'\"><span style=\"white-space:nowrap;padding-bottom:0px;line-height:30px;\">
                    <input name=\"URLVideo\" id=\"URLVideo\" type=\"radio\" value=\"$myimage\"/>
                    <img align=\"middle\" width=\"30\" style=\"max-height:50px;margin-left:5px;\" src=\"img/video.png\" /><br>".str_replace("cmpping/videos/","",$myimage) ."</span></div> ";
        }
        ?>
        </td></tr></table>
        <table><tr><td>
        <?php
        foreach (glob("cmpping/trigger/*.*") as $myimage){
            echo "<!--triggerimage=" . $query_result->triggerimage . "--><!--myimage=".$myimage ."-->";
            echo "<span style=\"white-space:nowrap;padding-bottom:20px;line-height:70px;\">
                    <input name=\"triggerid\" id=\"triggerid\" type=\"radio\" value=\"$myimage\"/>
                    <img align=\"middle\" width=\"50\" style=\"max-height:50px;margin-left:5px;\" src=\"$myimage\" /></span> ";
        }
        ?>
        <!--<input type="file" name="triggerid" id="triggerid" r />--> 
        </td></tr></table>
</div>
<div id="Book" style="display: inline">
        <table><tr><td>
        <?php
        foreach (glob("cmpping/trigger/*.*") as $myimage){
            echo "<!--triggerimage=" . $query_result->triggerimage . "--><!--myimage=".$myimage ."-->";
            echo "<span style=\"white-space:nowrap;padding-bottom:20px;line-height:70px;\">
                    <input name=\"triggerid\" id=\"triggerid\" type=\"radio\" value=\"$myimage\"/>
                    <img align=\"middle\" width=\"50\" style=\"max-height:50px;margin-left:5px;\" src=\"$myimage\" /></span> ";
        }
        ?>
        <!--<input type="file" name="triggerid" id="triggerid" r />--> 
        </td></tr></table>
</div>

函数showstuff（boxid）{
如果（boxid==“Book”| | boxid==“Layers”| | boxid==“3D”）{
document.getElementById（“视频”）.style.display=“无”；
document.getElementById（“Book”）.style.display=“inline”；
}否则{
document.getElementById（“视频”）.style.display=“inline”；
document.getElementById（“Book”）.style.display=“无”；
}
}
书
视频
层
三维


视频叠加*
您的问题似乎与您正在使用的niceforms Javascript库有关

由于您的某些收音机在某一点上是不可见的，因此此库正在设置用于在屏幕外执行漂亮格式的图像（通过将其左侧和顶部设置为0）

为了修复它，您可以在
showtuff（）
函数中调用
NFFix（）
。
您能在JSFIDLE中重现它吗？不。。。不管出于什么原因，它在JSFIDDLE中工作正常，所以我认为一定存在一些冲突。。。伯格！也许有人可以看看这里的来源：如果你看到我做错了什么，请告诉我。我确实看到一个单选按钮出现在左上角。。。