Html 从无线电输入标签添加和删除类

我正在尝试更改输入标签的背景色。每次我尝试时，标签的“selectedLabel”类都不会更新或更改。 当选择输入字段时，应添加该类，否则应删除该类

重要注意事项：标签和输入不具有相同的父元素

$（文档）.ready（函数（）{
$（'label[class=sliderlabel]'）。更改（函数（）{
$（'.sliderlabel'）.removeClass（'selectedLabel'））
$（this.parent（）.addClass（'selectedLabel'）；
});
});
.sliderlabel{
背景色：rgb（220、220、220）；
字号：18px；
字体大小：300；
填充：30px 100px；
边际：0px；
边框：1px实心rgb（220、220、220）；
大纲：无；
边际：0px；
颜色：#3d3d；
光标：指针；
过渡时间：200ms；
}
.滑块标签：悬停{
背景色：rgb（235235235）；
边框：1px实心rgb（245245245245）；
颜色：#fa443e；
}
输入[type=“radio”]{
可见性：隐藏；
}
.所选标签{
背景色：rgb（180、180、180）；
边框：1px实心rgb（180、180、180）；
颜色：#fa443e；
}
.所选标签：悬停{
背景色：rgb（180、180、180）；
边框：1px实心rgb（180、180、180）；
}

iOS应用程序
网络应用
jQuery
.load（）
函数从1.8版开始就被弃用，并在3.0版中被删除。
我建议使用
$（document）.ready（）

此外，您正在将“selectedLabel”类添加到输入元素中，而不是添加到标签中。


$（文档）.ready（函数（）{
$（'#slideholder输入'）。更改（函数（）{
$（'.sliderlabel'）.removeClass（'selectedLabel'）；
var selected=$（'input:radio:checked'）.val（）；
如果（所选==“iOS应用程序”）
$（'#sliderLabel1'）.addClass（'selectedLabel'）；
else if（已选=='Web App'）
$（'#sliderLabel2'）.addClass（'selectedLabel'）；
});
});
.滑动标签{
背景色：rgb（220、220、220）；
字号：18px；
字体大小：300；
填充：30px 100px；
边际：0px；
边框：1px实心rgb（220、220、220）；
大纲：无；
边际：0px；
颜色：#3d3d；
光标：指针；
过渡时间：200ms；
}
.滑块标签：悬停{
背景色：rgb（235235235）；
边框：1px实心rgb（245245245245）；
颜色：#fa443e；
}
输入[type=“radio”]{
可见性：隐藏；
}
.所选标签{
背景色：rgb（180、180、180）；
边框：1px实心rgb（180、180、180）；
颜色：#fa443e；
}
.所选标签：悬停{
背景色：rgb（180、180、180）；
边框：1px实心rgb（180、180、180）；
}
iOS应用程序
网络应用
任何控制台错误？“UncaughtReferenceError:$not defined”但不知道原因。更改了它，但错误仍然发生-“UncaughtReferenceError:$not defined”我在HTML文件中执行的操作谢谢，这正是我要找的