2015-05-31 3 views
4

У меня есть этот примерный код для выделения конкретных ячеек таблицы. Есть ли способ переключать цвета или использовать несколько цветов одновременно?Использование нескольких цветов для выделения

Мне нужно добиться двух вещей здесь. 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) 
 

 
} 
 

 

 

 
    
 

 

+0

Я был бы очень признателен за совет экспертов, это выполнимо, если бы такое руководство было наиболее приветствуется. Благодарю. – Max

+0

Какое ваше требование в точности? Извините, я не получил вас должным образом, поэтому просил более подробную информацию – Rinku

+0

Спасибо за ваш вопрос. Если вы проверили страницу скрипта, когда вы нажмете параметр слева, он будет выделен зеленым цветом, и это касается других параметров. Я хотел бы иметь возможность выделять разные цвета, некоторые из них зеленые, некоторые - синие и т. Д., Можно ли это сделать? В принципе, я хотел бы иметь возможность выделять параметры в разных цветах на столе одновременно. – Max

ответ

1

Вы можете использовать различные классы для каждого элемента формы. Как я использовал highlight-x для x. Затем после добавления общего класса highlight ко всем выбранным элементам я добавляю дополнительный класс для X. Вы можете сразу удалить все классы, используя removeClass без параметров. Он удалит все классы предметов. Проверьте this fiddle. Выберите все из первой формы. Вы увидите все X, выделенные с помощью red. Если это не соответствует вашим требованиям, дайте мне знать.

+0

Я пробовал твою скрипку, но это похоже на то же. может быть, вы поделились со мной неправильной скрипкой? – Max

+0

Спасибо, Rinku. да, это работает, с этим я могу определить определенные цвета для определенных элементов. но учитывая, что это короткий примерный код, когда мы увеличиваем количество параметров до сотен, было бы довольно сложно обрабатывать все. И переключаться по цветам было бы невозможно. «X» всегда будет красным. Я бы не смог сделать его зеленым снова, не меняя код. – Max

Смежные вопросы