jQuery滑块转换为普通JavaScript不工作

我正在构建一个滑块，我想避开jQuery。
因此，我尝试将一些jQuery代码转换为普通JavaScript

以下是jQuery：

setInterval(function() {
  var $curr = $('#slider1 input[type=radio]:checked');  
  var $next = $curr.next('input');
  if(!$next.length) $next = $('#slider1 input[type=radio]').first();
  $next.prop('checked', true);

}, 2000);

我的代码在下面，但不起作用。
怎么了

setInterval（（）=>{
让$curr=document.queryselectoral（“#slider1 input[type=radio]：选中”），
$next=$curr.nextSibling；
如果（！$next.length）{
$next=document.queryselectoral（“#slider1 input[type=radio]”）。firstChild；
}
$next.setAttribute（'checked'，true）；
}, 3000);
.csslider{
-moz透视图：1300px；
-质谱透视图：1300px；
-webkit透视图：1300px；
透视图：1300px；
显示：内联块；
文本对齐：左对齐；
位置：相对位置；
边缘底部：22px；
}
.csslider>输入{
显示：无；
}
.csslider>输入：第n个类型（10）：选中~ul li:第一个类型{
左边距：-900%；
}
.csslider>输入：第n个类型（9）：选中~ul li:第一个类型{
左边距：-800%；
}
.csslider>输入：第n个类型（8）：选中~ul li:第一个类型{
左边距：-700%；
}
.csslider>输入：第n个类型（7）：选中~ul li:第一个类型{
左边距：-600%；
}
.csslider>输入：第n个类型（6）：选中~ul li:第一个类型{
左边距：-500%；
}
.csslider>输入：第n个类型（5）：选中~ul li:第一个类型{
左边距：-400%；
}
.csslider>输入：第n个类型（4）：选中~ul li:第一个类型{
左边距：-300%；
}
.csslider>输入：第n个类型（3）：选中~ul li:第一个类型{
左边距：-200%；
}
.csslider>输入：第n个类型（2）：选中~ul li:第一个类型{
左边距：-100%；
}
.csslider>输入：第n个类型（1）：选中~ul li:第一个类型{
左边缘：0%；
}
.csslider>ul{
位置：相对位置；
宽度：820px；
高度：420px；
z指数：1；
字号：0；
线高：0；
背景色：#3A3A；
边框：10px实心#3a3a；
保证金：0自动；
填充：0；
溢出：隐藏；
空白：nowrap；
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
.csslider>ul>li{
位置：相对位置；
显示：内联块；
宽度：100%；
身高：100%；
溢出：隐藏；
字体大小：15px；
字号：首字母；
线高：正常；
-moz过渡：所有0.5s立方贝塞尔（0.4,1.3,0.65,1）；
-o型过渡：所有0.5s缓解；
-webkit过渡：所有0.5s立方贝塞尔（0.4,1.3,0.65,1）；
过渡：所有0.5s三次贝塞尔（0.4,1.3,0.65,1）；
垂直对齐：顶部；
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
空白：正常；
}
.csslider>ul>li.scrollable{
溢出y：滚动；
}
.csslider>.navigation{
位置：绝对位置；
底部：-8px；
左：50%；
z指数：10；
边缘底部：-10px；
字号：0；
线高：0；
文本对齐：居中；
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.csslider>.navigation>div{
左边距：-100%；
}
.csslider>导航标签{
位置：相对位置；
显示：内联块；
光标：指针；
边界半径：50%；
利润率：0.4px；
填充：4px；
背景#3a3a；
}
.csslider>。导航标签：悬停：之后{
不透明度：1；
}
.csslider>.navigation标签：之后{
内容：''；
位置：绝对位置；
左：50%；
最高：50%；
左边距：-6px；
利润上限：-6px；
背景：#71ad37；
边界半径：50%；
填充：6px；
不透明度：0；
}
.csslider>箭头{
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.csslider.inside.navigation{
底部：10px；
边缘底部：10px；
}
.csslider.inside.navigation标签{
边框：1px实心#7e7e7e；
}
.csslider>输入：第n个类型（1）：选中~。导航标签：第n个类型（1）：之后，
.csslider>输入：第n个类型（2）：选中~。导航标签：第n个类型（2）：之后，
.csslider>输入：第n个类型（3）：选中~。导航标签：第n个类型（3）：之后，
.csslider>输入：第n个类型（4）：选中~。导航标签：第n个类型（4）：之后，
.csslider>输入：第n个类型（5）：选中~。导航标签：第n个类型（5）：之后，
.csslider>输入：第n个类型（6）：选中~。导航标签：第n个类型（6）：之后，
.csslider>输入：第n个类型（7）：选中~。导航标签：第n个类型（7）：之后，
.csslider>输入：第n个类型（8）：选中~。导航标签：第n个类型（8）：之后，
.csslider>输入：第n个类型（9）：选中~。导航标签：第n个类型（9）：之后，
.csslider>输入：第n个类型（10）：选中~。导航标签：第n个类型（10）：之后，
.csslider>输入：第n个类型（11）：选中~。导航标签：第n个类型（11）：之后{
不透明度：1；
}
.csslider>箭头{
位置：绝对位置；
左：-31px；
最高：50%；
宽度：100%；
高度：26px；
填充：0 31px；
z指数：0；
-moz框大小：内容框；
-webkit框大小：内容框；
框大小：内容框；
}
.csslider>.arrows标签{
显示：无；
位置：绝对位置；
前-50%；
填充：13px；
盒影：插入2px-2px 0 1px#3a3a；
光标：指针；
-moz过渡：框影0.15s，边距0.15s；
-o型过渡：盒影0.15s，边距0.15s；
-webkit过渡：框阴影0.15s，边距0.15s；
过渡：框影0.15s，边距0.15s；
}
.csslider>.arrows标签：悬停{
盒影：插入3px-3px 0 2px#71ad37；
边际：0像素；
}
.csslider>.arrows标签：之前{
内容：''；
位置：绝对位置；
前-100%；
左-100%；
身高：300%；
宽度：300%；
}
.csslider.infinity>输入：类型的第一个：选中~.arrows label.goto-last，
.csslider>输入：第n个类型（1）：选中~.arrows>标签：第n个类型（0），
.csslider>输入：第n个类型（2）：选中~.arrows>标签：第n个类型（1），
.csslider>输入：第n个类型（3）：选中~。箭头>标签：第n个类型（2），
.csslider>输入：第n个类型（4）：选中~。箭头>标签：第n个类型（3），
.csslider>输入：第n个类型（5）：选中~。箭头>标签：第n个类型（4），
.csslider>输入：第n个类型（6）：选中~。箭头>标签：第n个类型（5），
.csslider>输入：第n个类型（7）