如何在页面加载时显示第一个JS选项？

Question

我使用以下脚本切换内容或允许内容在单击单选按钮时显示和消失。

<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它会强制在页面加载时显示任何内容，但没有它它会显示所有内容。有没有人知道一种可能的方法让它只显示页面加载的第一个选项？

Answer 1

您可以在不删除CSS的情况下执行此操作

$(function(){
  $('.newboxes').first().show(200);
});