Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 范围更改时更改按钮颜色_Javascript_Jquery_Html - Fatal编程技术网

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:

  • 请更新上面的代码以删除错误,好吗?谢谢兄弟。你能帮我更新一下吗。当我点击按钮后,它的颜色改变了滑块,它应该回到默认颜色。这是可能的