0

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

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

4

1 回答 1

1

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

$(function(){
  $('.newboxes').first().show(200);
});
于 2013-06-16T22:30:14.830 回答