Html 需要将代码段链接到url

请我需要您的帮助链接切换到2个单独的链接。。例1是，第二个是

我需要链接到开关的任何一端的2个链接，因此当它被选中时，开关将移动到选定的一端，并打开与上面链接相关的新窗口

.flipswitch{
位置：相对位置；
宽度：195px；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
}
.flipswitch输入[类型=复选框]{
显示：无；
}
.翻转开关标签{
显示：块；
溢出：隐藏；
光标：指针；
边框：2个实心#999999；
边界半径：50px；
}
.翻转开关内部{
宽度：200%；
左边距：-100%；
-webkit过渡：0秒后0.3秒的余量；
-moz转换：0秒时的余量为0.3秒；
-ms转换：0秒时的余量为0.3秒；
-o型过渡：0秒时裕度为0.3秒；
过渡：0秒时，边距为0.3秒；
}
.flipswitch内部：之前，.flipswitch内部：之后{
浮动：左；
宽度：50%；
高度：34px；
填充：0；
线高：34px；
字号：18px；
颜色：白色；
字体系列：投石机，Arial，无衬线；
字体大小：粗体；
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
.翻转开关内部：之前{
内容：“询问意见”；
左侧填充：13px；
背景色：#256799；
颜色：#FFFFFF；
}
.翻转开关内部：之后{
内容：“谷歌视图”；
右侧填充：13px；
背景色：#ebebebeb；
颜色：#888888；
文本对齐：右对齐；
}
.翻转开关{
宽度：31px；
利润率：1.5px；
背景：#FFFFFF；
边框：2个实心#999999；
边界半径：50px；
位置：绝对位置；
排名：0；
底部：0；
右：160px；
-webkit过渡：所有0.3都在0秒内轻松实现；
-moz转换：所有0.3秒在0秒内轻松完成；
-ms转换：所有0.3秒在0秒内轻松完成；
-o-过渡：所有0.3秒在0秒内轻松完成；
过渡：所有0.3秒在0秒内轻松过渡；
}
.flipswitch cb:选中+.flipswitch标签.flipswitch内部{
左边距：0；
}
.flipswitch cb:选中+.flipswitch标签.flipswitch开关{
右：0；
}

像这样

document.getElementById（“fs”）.addEventListener（“更改”，函数（）{
const loc=已选中此选项？”https://www.google.com" : "https://ask.com/";
控制台日志（loc）
//window.open（loc，“_blank”）；//仅在浏览器允许的情况下工作
location=loc；//将在目标允许的所有情况下工作
})

.flipswitch{
位置：相对位置；
宽度：195px；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
}
.flipswitch输入[类型=复选框]{
显示：无；
}
.翻转开关标签{
显示：块；
溢出：隐藏；
光标：指针；
边框：2个实心#999999；
边界半径：50px；
}
.翻转开关内部{
宽度：200%；
左边距：-100%；
-webkit过渡：0秒后0.3秒的余量；
-moz转换：0秒时的余量为0.3秒；
-ms转换：0秒时的余量为0.3秒；
-o型过渡：0秒时裕度为0.3秒；
过渡：0秒时，边距为0.3秒；
}
.flipswitch内部：之前，.flipswitch内部：之后{
浮动：左；
宽度：50%；
高度：34px；
填充：0；
线高：34px；
字号：18px；
颜色：白色；
字体系列：投石机，Arial，无衬线；
字体大小：粗体；
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
.翻转开关内部：之前{
内容：“询问意见”；
左侧填充：13px；
背景色：#256799；
颜色：#FFFFFF；
}
.翻转开关内部：之后{
内容：“谷歌视图”；
右侧填充：13px；
背景色：#ebebebeb；
颜色：#888888；
文本对齐：右对齐；
}
.翻转开关{
宽度：31px；
利润率：1.5px；
背景：#FFFFFF；
边框：2个实心#999999；
边界半径：50px；
位置：绝对位置；
排名：0；
底部：0；
右：160px；
-webkit过渡：所有0.3都在0秒内轻松实现；
-moz转换：所有0.3秒在0秒内轻松完成；
-ms转换：所有0.3秒在0秒内轻松完成；
-o-过渡：所有0.3秒在0秒内轻松完成；
过渡：所有0.3秒在0秒内轻松过渡；
}
.flipswitch cb:选中+.flipswitch标签.flipswitch内部{
左边距：0；
}
.flipswitch cb:选中+.flipswitch标签.flipswitch开关{
右：0；
}

像这样

document.getElementById（“fs”）.addEventListener（“更改”，函数（）{
const loc=已选中此选项？”https://www.google.com" : "https://ask.com/";
控制台日志（loc）
//window.open（loc，“_blank”）；//仅在浏览器允许的情况下工作
location=loc；//将在目标允许的所有情况下工作
})

.flipswitch{
位置：相对位置；
宽度：195px；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
}
.flipswitch输入[类型=复选框]{
显示：无；
}
.翻转开关标签{
显示：块；
溢出：隐藏；
光标：指针；
边框：2个实心#999999；
边界半径：50px；
}
.翻转开关内部{
宽度：200%；
左边距：-100%；
-webkit过渡：0秒后0.3秒的余量；
-moz转换：0秒时的余量为0.3秒；
-ms转换：0秒时的余量为0.3秒；
-o型过渡：0秒时裕度为0.3秒；
过渡：0秒时，边距为0.3秒；
}
.flipswitch内部：之前，.flipswitch内部：之后{
浮动：左；
宽度：50%；
高度：34px；
填充：0；
线高：34px；
字号：18px；
颜色：白色；
字体系列：投石机，Arial，无衬线；
字体大小：粗体；
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
.翻转开关内部：之前{
内容：“询问意见”；
左侧填充：13px；
背景色：#256799；
颜色：#FFFFFF；
}
.翻转开关内部：之后{
内容：“谷歌视图”；
右侧填充：13px；
背景色：#ebebebeb；
颜色：#888888；
文本对齐：右对齐；
}
.翻转开关{
宽度：31px；
利润率：1.5px；
背景：#FFFFFF；
边框：2个实心#999999；
边界半径：50px；
位置：绝对位置；
排名：0；
底部：0；
右：160px；
-网络工具包传递