Javascript 根据日期值预先检查单选按钮

我已将内容分配给几个单选按钮，单击这些按钮将显示内容。我想根据日期预先检查tab按钮

例如，如果今天是太阳，在页面加载上会显示星期天的内容，如果是星期二，那么在页面加载上会显示星期二的内容

我的代码如下：

@导入url（'https://fonts.googleapis.com/cssfamily=Open+Sans:400600700’；
* {
保证金：0；
填充：0；
}
身体{
填充：50px；
背景：#E5E4E2；
}
烟草商{
背景：#fff；
填充：15px；
字体系列：开放式SAN；
}
.抑制器输入{
显示：无；
}
.禁忌标签{
框大小：边框框；
显示：内联块；
填充：15px 25px；
颜色：#ccc；
边缘底部：-1px；
左边距：-1px；
}
.禁忌标签：之前{
内容：''；
显示：块；
宽度：100%；
高度：15px；
背景色：#fff；
位置：绝对位置；
底部：-11px；
左：0；
z指数：10；
}
.选项卡标签：悬停{
颜色：#888；
光标：指针；
}
.制表符输入：选中+标签{
位置：相对位置；
颜色：#000；
背景：#fff；
边框：1px实心#bbb；
边框底部：1px实心#fff；
边界半径：5px5px0；
}
.制表符输入：选中+标签：之后{
显示：块；
内容：''；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
盒影：0 0 15px#939393；
}
#内容1，
#内容二,，
#内容三,，
#内容四,，
#内容5，
#内容6，
#内容7{
显示：无；
边框顶部：1px实心#bbb；
填充：15px；
}
#表1：选中~#内容1，
#表2：选中~#内容2，
#表3：选中~#内容3，
#表4：选中~#内容4，
#表5：选中~#内容5，
#表6：选中~#内容6，
#表7：选中~#内容7{
显示：块；
盒影：0 0 15px#939393；
}

星期日
星期一
星期二
星期三
星期四
星期五
星期六

今天是星期天

今天是星期一

今天是星期二

今天是星期三

今天是星期四


今天是星期五


今天是星期六

因此您可以执行以下操作：

$('.tabinator input[name=tabs]').eq(new Date().getDay()).prop('checked', true);

获取当前日期-这与单选按钮列表的索引匹配-因此您可以执行以下操作：

$('.tabinator input[name=tabs]').eq(new Date().getDay()).prop('checked', true);

收音机

的一些

标签

没有正确标记-也解决了这个问题

如果要显示明天的选项卡，可以尝试以下操作：

$('.tabinator input[name=tabs]').eq(new Date().getDay() + 1).prop('checked', true);

请参见下面的演示：

$（文档）.ready（函数（）{
$（'.tabinator输入[name=tabs]'）//获取所有选项卡
.eq（new Date（）.getDay（））//选择当前选项卡
.prop（'checked'，true）；//检查它
});
@导入url（'https://fonts.googleapis.com/cssfamily=Open+Sans:400600700’；
* {
保证金：0；
填充：0；
}
身体{
填充：50px；
背景：#E5E4E2；
}
烟草商{
背景：#fff；
填充：15px；
字体系列：开放式SAN；
}
.抑制器输入{
显示：无；
}
.禁忌标签{
框大小：边框框；
显示：内联块；
填充：15px 25px；
颜色：#ccc；
边缘底部：-1px；
左边距：-1px；
}
.禁忌标签：之前{
内容：''；
显示：块；
宽度：100%；
高度：15px；
背景色：#fff；
位置：绝对位置；
底部：-11px；
左：0；
z指数：10；
}
.选项卡标签：悬停{
颜色：#888；
光标：指针；
}
.制表符输入：选中+标签{
位置：相对位置；
颜色：#000；
背景：#fff；
边框：1px实心#bbb；
边框底部：1px实心#fff；
边界半径：5px5px0；
}
.制表符输入：选中+标签：之后{
显示：块；
内容：''；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
盒影：0 0 15px#939393；
}
#内容1，
#内容二,，
#内容三,，
#内容四,，
#内容5，
#内容6，
#内容7{
显示：无；
边框顶部：1px实心#bbb；
填充：15px；
}
#表1：选中~#内容1，
#表2：选中~#内容2，
#表3：选中~#内容3，
#tab4:checked~#content4#tab5:checked~#content5，
#表6：选中~#内容6，
#表7：选中~#内容7{
显示：块；
盒影：0 0 15px#939393；
}

星期日
星期一
星期二
星期三
星期四
星期五
星期六

今天是星期天

今天是星期一

今天是星期二

今天是星期三

今天是星期四


今天是星期五


今天是星期六

您忘记添加代码了？！！！！我正在努力学习代码格式。对不起，伙计们。所以我编辑了我的问题。请看一看。我正在绞尽脑汁，但运气不好。不需要包含css。是的，我终于做到了……现在请帮帮我。如何根据今天的日期自动显示页面加载选项卡。@Sagarawal让我知道你对此的想法，谢谢！如果你觉得合适，请投票/接受并关闭该问题！事实上，这正是我想要的，无论我在哪里测试它，它都能顺利运行，但当我在文本编辑器中粘贴代码并在Opera浏览器上运行时，它对我来说不起作用。默认情况下，它将加载星期天。我不是应该附上$（'.tabinator input[name=tabs]'）.eq（new Date（）.getDay（））.prop（'checked'，true）；里里外外。我也这么做了，但又没什么好运气。@Sagarawal你也需要包含jquery吗？是的，我也这么做了，我想这可能是问题所在，因此我下载了它，放在我的js文件夹和链接上，但它今天仍然没有加载，但当我在在线小提琴或编辑器中测试相同的方法时。它可以工作。可能脚本在页面加载之前运行-将其写入
$（document）.ready（function（）{}）。。。见编辑后的答案