我如何使第一个JS选项出现时，页面加载

How do I make first JS Option appear when the page loads?

本文关键字：加载 何使 第一个 JS 选项      更新时间：2023-09-26

我使用下面的脚本来切换内容或允许内容在单击单选按钮时出现和消失。

<script type="text/javascript">
function showonlyone(thechosenone) {
     $('.newboxes').each(function(index) {
          if ($(this).attr("id") == thechosenone) {
               $(this).show(200);
          }
          else {
               $(this).hide(600);
          }
     });
}
</script>

如果我不使用下面的css，那么每个选项都会显示，直到其中一个被点击。

.newboxes {
    display: none;
}
我为单选按钮使用的HTML如下: 
<input style="vertical-align: middle; margin-top: 4px;" onclick="javascript:showonlyone('newboxes1');" type="radio" name="ProgramChoice" value="Lorem Ipsum" >

这是上述信息将调用出现和消失的信息:

<div class="newboxes" id="newboxes1"> Lorem Ipsum </div>

我知道我的css在页面加载时不会强制显示任何内容，但如果没有它，它会显示所有内容。有人知道有什么方法可以让它在页面加载时只显示第一个选项吗?

无需删除css

$(function(){
  $('.newboxes').first().show(200);
});
相关文章：