Javascript 突出显示颜色切换

我有这个代码，我想使用，但它的颜色切换功能不工作。它仅以绿色高亮显示。我也想用其他颜色。我希望这是一个容易解决的问题，有人可以告诉我该怎么做。谢谢我知道代码不整洁，但我希望您仍然可以在jquery中看到问题。我不是这方面的专家。谢谢

---

这是因为css文件中的突出显示类将背景色显式设置为绿色

这里有一个快速修复方法，我不依赖于类，而是依赖于

td

元素的背景色

//JavaScript文档
$（文档）.ready（函数（）{
$（'.selector'）。每个（函数（）{
$（此）。在（'单击'，选中）；
});
$（'.all'）。每个（函数（）{
$（此）。在（'click'，all）上；
});
功能全部（事件）{
如果（$（this）.is（':checked'））{$（“输入：复选框：not（：checked）”，$（this.parents（'form'））.not（this.prop）（“checked”，“checked”）；
}否则{
$（“输入：复选框（：选中）”，$（this.parents（'form'））.not（this.prop）（“选中”）；
}
//$（'.selector'）.prop（“选中”，this.name==“SelectAll”）；
检查（事件）；
}
功能检查（事件）{
var checked=$（“.selector:checked”）.map（函数（）{
返回此名称
}).get（）
$（'td'）.css（'background'，'#fff'）.filter（函数（）{
返回$.inArray（$（this）.text（），选中）>=0
}).css（'background'，$（'#nextColor'）.val（））
if（$（this）.is（“.selector”））
$（'.all'）.not（this）.prop（“选中”，false）
}
$（“#隐藏”）。在（“单击”，函数（）{
$（“.selector”）.toggle（）；
});
});
@charset“utf-8”；
/*CSS文档*/
*
{
保证金：3；
填充：3；
}
html、正文、.Container
{
身高：98%；
}
.货柜：在
{
内容：''；
身高：100%；
浮动：左；
}
.标题
{
边缘底部：10px；
背景色：#fff；
}
.内容
{
位置：相对位置；
z指数：1；
}
.内容：之后
{
内容：''；
明确：两者皆有；
显示：块；
}
.包装纸
{
位置：绝对位置；
宽度：500px；
身高：100%；
}
.Wrapper>div
{
身高：100%；
}
.LeftContent
{
背景色：白色；
溢出：自动；
宽度：600px；
}
.主要内容
{
背景色：白色；
左边距：800px；
}
.突出显示{背景：#9ac99d；}
.选择器{
显示：无；
}
tr.border_底部td{
底边：1吨纯黑；
}
table.tableizer-table{
边框：1px实心#CCC；字体系列：Arial、Helvetica、无衬线；
字体大小：10px；
边框折叠：折叠；/*保持表格行与excel中相同*/
表格布局：固定；/*适合屏幕中的表格*/
} 
.tablezer表td{
填充：6px；
利润率：6px；
边框：2个实心#ccc；
}
.压片机表th{
背景色：#FFFFFF；
颜色：#FFF；
字体大小：粗体；
}

参数：
全部的
5.
7.
9
10
19
23
35
37
40
43
44
46
51
52
54
55
60
61
62
70
74
75
231820222930323334383951565760616372757780
2369121415171819202122262830424855617577
之所以发生这种情况，是因为css文件中的高亮显示类将背景色显式设置为绿色

这里有一个快速修复方法，我不依赖于类，而是依赖于
td
元素的背景色


//JavaScript文档
$（文档）.ready（函数（）{
$（'.selector'）。每个（函数（）{
$（此）。在（'单击'，选中）；
});
$（'.all'）。每个（函数（）{
$（此）。在（'click'，all）上；
});
功能全部（事件）{
如果（$（this）.is（':checked'））{$（“输入：复选框：not（：checked）”，$（this.parents（'form'））.not（this.prop）（“checked”，“checked”）；
}否则{
$（“输入：复选框（：选中）”，$（this.parents（'form'））.not（this.prop）（“选中”）；
}
//$（'.selector'）.prop（“选中”，this.name==“SelectAll”）；
检查（事件）；
}
功能检查（事件）{
var checked=$（“.selector:checked”）.map（函数（）{
返回此名称
}).get（）
$（'td'）.css（'background'，'#fff'）.filter（函数（）{
返回$.inArray（$（this）.text（），选中）>=0
}).css（'background'，$（'#nextColor'）.val（））
if（$（this）.is（“.selector”））
$（'.all'）.not（this）.prop（“选中”，false）
}
$（“#隐藏”）。在（“单击”，函数（）{
$（“.selector”）.toggle（）；
});
});
@charset“utf-8”；
/*CSS文档*/
*
{
保证金：3；
填充：3；
}
html、正文、.Container
{
身高：98%；
}
.货柜：在
{
内容：''；
身高：100%；
浮动：左；
}
.标题
{
边缘底部：10px；
背景色：#fff；
}
.内容
{
位置：相对位置；
z指数：1；
}
.内容：之后
{
内容：''；
明确：两者皆有；
显示：块；
}
.包装纸
{
位置：绝对位置；
宽度：500px；
身高：100%；
}
.Wrapper>div
{
身高：100%；
}
.LeftContent
{
背景色：白色；
溢出：自动；
宽度：600px；
}
.主要内容
{
背景色：白色；
左边距：800px；
}
.突出显示{背景：#9ac99d；}
.选择器{
显示：无；
}
tr.border_底部td{
底边：1吨纯黑；
}
table.tableizer-table{
边框：1px实心#CCC；字体系列：Arial、Helvetica、无衬线；
字体大小：10px；
边界柱
// JavaScript Document
$(document).ready(function() {

$('.selector').each(function() {
    $(this).on('click', check); 
});
    $('.all').each(function() {
       $(this).on('click', all); 
    });

function all(event) {

        if($(this).is(':checked')){  $("input:checkbox:not(:checked)",$(this).parents('form')).not(this).prop("checked","checked");
    } else {
        $("input:checkbox(:checked)",$(this).parents('form')).not(this).prop("checked","");
    }

    //$('.selector').prop("checked", this.name === "SelectAll");

    check(event);
}

function check(event) {
    var checked = $(".selector:checked").map(function () {
        return this.name
    }).get()
    $('td').removeClass("highlight").filter(function () {
        return $.inArray($(this).text(), checked) >= 0
    }).addClass("highlight")
    if ($(this).is(".selector"))
        $('.all').not(this).prop("checked", false)

}


 $( "#Hidden").on( "click", function() {
        $(".selector").toggle();
    });


});

var colorH = $("#nextColor").val()
var defaultcolor = '#FFF'; 

var checked = $(".selector:checked").map(function () {
    return this.name
}).get()
$('td').css({'background':defaultcolor}).filter(function () {
    return $.inArray($(this).text(), checked) >= 0
}).css({'background':colorH}); 
if ($(this).is(".selector"))
    $('.all').not(this).prop("checked", false)