Javascript 范围更改时更改按钮颜色
Javascript 范围更改时更改按钮颜色,javascript,jquery,html,Javascript,Jquery,Html,$(文档).ready(函数(){ $(“[type=range]”。更改(函数(){ if(!$('#changetoyello').hasClass('yellow')) $('#changetoyello').addClass('yellow'); }); }); 申请学分1: 申请学分2: 这可以通过引入以下CSS来实现: .btn.yellow { background:yellow; border-color:yellow; color:black; /*
$(文档).ready(函数(){
$(“[type=range]”。更改(函数(){
if(!$('#changetoyello').hasClass('yellow'))
$('#changetoyello').addClass('yellow');
});
});代码>
申请学分1:
申请学分2:
这可以通过引入以下CSS来实现:
.btn.yellow {
background:yellow;
border-color:yellow;
color:black; /* Make text readable on yellow background */
}
下面是一个工作代码片段,演示了正在运行的解决方案:
$(文档).ready(函数(){
$(“[type=range]”。更改(函数(){
if(!$('#changetoyello').hasClass('yellow'))
$('#changetoyello').addClass('yellow');
});
});
/*单击时删除黄色主题*/
$('#changetoyello')。单击(函数(){
$(this.removeClass('yellow');
});代码>
.btn.yellow{
背景:黄色;
边框颜色:黄色;
颜色:黑色;
}
申请学分1:
申请学分2:
请更新上面的代码以删除错误,好吗?谢谢兄弟。你能帮我更新一下吗。当我点击按钮后,它的颜色改变了滑块,它应该回到默认颜色。这是可能的