- 15, May 2024
- #1
Я ищу решение с помощью этого сценария jquery, который настроен для выделения цвета в таблице, используя форму ниже.
Цвет по умолчанию — зеленый, и я могу выбрать нужный цвет, нажав кнопку цвета.
Этот код работает только с входными данными с class="selector". Я хотел, чтобы эта функция работала и для входных данных с class="all", поэтому я продублировал код и изменил $('.selector') на => $('.all') во второй копии.
но я не смог получить желаемый результат, код не работает для выбора class="all". Вместо этого он выделяет все данные в таблице.
Подсвечиваться должны только элементы формы.
Скрипка: https://jsfiddle.net/5z7zbaq2/
Буду признателен за помощь в решении этой проблемы. Спасибо.
Цвет по умолчанию — зеленый, и я могу выбрать нужный цвет, нажав кнопку цвета.
Этот код работает только с входными данными с class="selector". Я хотел, чтобы эта функция работала и для входных данных с class="all", поэтому я продублировал код и изменил $('.selector') на => $('.all') во второй копии.
но я не смог получить желаемый результат, код не работает для выбора class="all". Вместо этого он выделяет все данные в таблице.
Подсвечиваться должны только элементы формы.
Скрипка: https://jsfiddle.net/5z7zbaq2/
Буду признателен за помощь в решении этой проблемы. Спасибо.
$(function () {
$('.selector').on('click', function(e) {
var checked = this.name;
var selectedColor = '';
if (this.checked) {
selectedColor = $('#nextColor').val();
}
$('td').filter(function() {
return this.textContent == checked;
}).css('background-color', selectedColor);
});
$('.all').on('click', function(e) {
var checked = this.name;
var selectedColor = '';
if (this.checked) {
selectedColor = $('#nextColor').val();
}
$('td').css('background-color', selectedColor);
});
});
![[Fotoshkola] Онлайн-конференция](/assets/images/icons/forum5.png){kind=icon}
