Question

我有这个示例代码来突出显示表的特定单元格。有没有办法同时切换颜色或使用多种颜色？

我需要在这里完成两件事。 1）我希望能够在单击之前将参数组（或单独的参数）的颜色设置为前端的某种颜色。最多5种颜色就足够了。 2）参数去哪种颜色并不重要。颜色可以随机分配。我重复了这个问题，使其更加清晰。

以下是该项目的小提琴页面：http://jsfiddle.net/max33/kjcyu3yb/

$('.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)

}

Answer 1

您可以为每个表单元素使用不同的类。就像我使用highlight-x代表x一样。然后在向所有选定元素添加常规highlight类之后，我将为X添加额外的类。您可以使用不带参数的removeClass一次删除所有类。它将删除所有项目的类。检查this fiddle。从第一个表单中选择全部。您会看到使用X突出显示所有red。如果这不符合您的要求，请告诉我。

使用多种颜色突出显示

1 个答案: