qork
@qork
{ background: #F00B42 }

Как подсветить строку в таблице с активированным чекбоксом?

Что надо изменить в JS-коде, чтобы подсветить строку .rowcheck, когда чекбокс активирован?

HTML:
<table>
	<tr>
		<td>заголовок 1</td>
		<td>заголовок 2</td>
		<td></td>
	</tr>
	<tr class="rowcheck">
		<td>ячейка 1</td>
		<td>ячейка 2</td>
		<td><input type="checkbox"></td>
	</tr>
</table>


JS:
var tr = document.getElementsByClassName("rowcheck"),
i = tr.length;

while (i--) {
    tr[i].onclick = clickTr;
}

function clickTr(event) {
    var inputs = this.getElementsByTagName('input');
    for (var x = 0; x < inputs.length; x++) {
        if (inputs[x] !== event.target && inputs[x].type == 'checkbox') {
            inputs[x].checked = !(inputs[x].checked);
        }
    }
}
  • Вопрос задан
  • 409 просмотров
Решения вопроса 1
In4in
@In4in
°•× JavaScript Developer ^_^ ו°
Можно так.


Забыл уточнить, JS-код в стартовом посте — активация чекбокса при клике на любое место в строке


Вот так, и никакой jQuery.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Arik
jQuery не хочется подключать? =)
Update:
Сам не особый знаток клиентской части, но можно примерно так:
https://jsfiddle.net/kyp2xcsf/1/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы