Javascript 通过js更改切换按钮

我让这段代码制作一个按钮并从服务器获取一些值

然后在加载（初始视图）时，我得到值=1，我需要使切换开关自动打开

代码如下所示

var值=1
开关{
位置：相对位置；
显示：内联块；
宽度：100px；
高度：34px；
}
.开关输入{
显示：无；
}
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ca2222；
-webkit转换：.4s；
过渡：.4s；
}
.圆滑{
边界半径：34px；
}
.滑块.圆形：之前{
边界半径：50%；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：4px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入：选中+滑块{
背景色：#2ab934；
}
输入：焦点+.滑块{
盒影：0 0 1px#2196F3；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（68px）；
-ms变换：translateX（68px）；
转化：translateX（68px）；
}
.在{
显示：无；
}
在…上
.关{
颜色：白色；
位置：绝对位置；
转换：翻译（-50%，-50%）；
最高：50%；
左：50%；
字体大小：10px；
字体系列：Verdana，无衬线；
}
输入：选中+。滑块。打开{
显示：块；
}
输入：选中+滑块。关闭{
显示：无；
}

在…上
关
首先，您在同一html页面中有两个ID，我已将输入更改为
复选框1

其次，
toggle
函数不存在并且没有被使用，至少在示例中是这样，所以我删除了它

第三，我删除了输入的值，因为您没有使用它。如果您想获取值，只需使用
document.getElementById（“checkbox1”）。选中
或只选中
checkbox1.checked
（将复选框指定给变量）

只需调用
checkbox1.checked={0表示未选中，1表示已选中}
或只调用
checkbox1.checked
（将复选框指定给变量）

obs：我没有使用jquery，因为我不知道您是否正在使用这个页面


var值=1；
//您可以将复选框放入变量中，
//这样，您就不需要每次访问复选框的值时都执行javascript查询
var checkbox1=document.getElementById（“checkbox1”）
checkbox1.checked=值
document.getElementById（“checkbox1”）.addEventListener（“更改”，函数（元素）{
console.log（checkbox1.checked）
});
开关{
位置：相对位置；
显示：内联块；
宽度：100px；
高度：34px；
}
.开关输入{显示：无；}
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ca2222；
-webkit转换：.4s；
过渡：.4s；
}
.圆滑{
边界半径：34px；
}
.滑块.圆形：之前{
边界半径：50%；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：4px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入：选中+滑块{
背景色：#2ab934；
}
输入：焦点+.滑块{
盒影：0 0 1px#2196F3；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（68px）；
-ms变换：translateX（68px）；
转化：translateX（68px）；
}
在…上
{
显示：无；
}
.开，.关
{
颜色：白色；
位置：绝对位置；
转换：翻译（-50%，-50%）；
最高：50%；
左：50%；
字体大小：10px；
字体系列：Verdana，无衬线；
}
输入：选中+。滑块。打开
{显示：块；}
输入：选中+滑块。关闭
{显示：无；}

在…上
关
代码运行得很好。谢谢你救了我一天！！