https://slinkov.ru/openforum/vsluhforumID8/6196.html Приветствую. Надеюсь на небольшую помощь, ситуация такова:<br>Есть обычная табличка, в каждой строке которой присутствует галочка, для выделения каждой из строк.<br>Цель: сделать так, чтобы по клике на галочку, строка в которой она находится - выделялась как-либо (менялся класс).<br>Сначала было сделано такое, только по клику на саму строку - но был определенный глюк, после чего решил событие на всю строку не вешать. В общем делаю так:<br><br>// Выбираем все таблицы на странице<br> var tables = document.getElementsByTagName("table");<br> for (var i=0; i &lt; tables.length; i++)<br> {<br> for(var k=1; k &lt; tables[i].rows.length; k++)<br> {<br>// Определяем строку (для удобства)<br> var row = tables[i].rows[k];<br>// Следующими двумя строками берем первый чекбокс в строке, по которому будем клацать<br> var firstCell = row.cells[0];<br> var checkbox = firstCell.firstChild;<br>// Вещаем событие на клик по чекбоксу<br> checkbox.onclick = function ()<br> {<br> row.className = row.className == "selected" ? "" : "sele https://slinkov.ru/openforum/vsluhforumID8/6196.html#5 Tue, 10 Feb 2009 16:58:38 GMT &gt;нужно не <br>&gt;tables.rows<br>&gt;а<br>&gt;tables [ i ] .rows<br>&gt;По поводу 1. <br>&gt;я так понял что [ i ] если написать без пробелов будет <br>&gt;убрано скриптом проверки сообщения <br><br>Хе, точно, а я то думаю, о чем это вы. В моих предыдущих сообщениях вырезалось.<br><br>&gt;this.parentNode.parentNode.className = this.parentNode.parentNode.className == "selected" ? "" : "selected";<br><br>Вот, не вспомнил про такую вещь как parentNode :) Примного благодарен, этот вариант работает как положено. Ну, когда рабочий вариант есть, можно занятся и красотой, спасибо.<br> https://slinkov.ru/openforum/vsluhforumID8/6196.html#4 Tue, 10 Feb 2009 09:10:35 GMT По поводу 1.<br>я так понял что [ i ] если написать без пробелов будет убрано скриптом проверки сообщения<br> https://slinkov.ru/openforum/vsluhforumID8/6196.html#3 Tue, 10 Feb 2009 09:07:49 GMT 1. <br> вы гоните массив найденных тегов table по циклу а обращаетесь не как к массиву а как к переменной <br>нужно не <br> tables.rows<br>а<br> tables [ i ] .rows<br>2.<br>После прогона по циклу в переменной row лежит указатель на последнюю строку последней таблицы, и независимо от кликнутого чекбокса будет менятся класс только последней строки последней таблицы<br>для простой таблички <br> &lt;table width="90%" border="1" cellspacing="0" cellpadding="0"&gt;<br> &lt;tr&gt;<br> &lt;td&gt;&lt;input type="checkbox" name="check1" id="check1"&gt;&lt;/td&gt;<br> &lt;td&gt; &lt;/td&gt;<br> &lt;/tr&gt;<br> &lt;tr&gt;<br> &lt;td&gt;&lt;input type="checkbox" name="check2" id="check2"&gt;&lt;/td&gt;<br> &lt;td&gt; &lt;/td&gt;<br> &lt;/tr&gt;<br>&lt;/table&gt;<br>я на скорую руку поставил<br>checkbox.onclick = function ()<br> {<br> this.parentNode.parentNode.className = this.parentNode.parentNode.className == "selected" ? "" : "selected";<br> }<br>и у меня работало.<br>Уверен, что если подумать то можно сделать красивее...<br> https://slinkov.ru/openforum/vsluhforumID8/6196.html#2 Sat, 07 Feb 2009 12:23:07 GMT &gt;Ошибка понятна даже если вообще js не знаешь. Используйте self(или как оно <br>&gt;называется в js) вместо row в теле функции. <br><br>This есть, указывает на текущий элемент.<br>Это работать не будет, и вот почему:<br>если на this заменять row в функции, которую мы вешаем на событие при клике<br> checkbox.onclick = function ()<br> {<br> row.className = row.className == "selected" ? "" : "selected";<br> }<br>, то this указывает на элемент, с которым функция работает, то есть на чекбокс. А нам необходимо иметь "указатель" на строку, чтобы ей менять класс.<br>Если же на this менять где-то выше, что в принципе бесполезно, но ради прикола сделано: this указывает на объект window.<br> https://slinkov.ru/openforum/vsluhforumID8/6196.html#1 Sat, 07 Feb 2009 07:43:48 GMT Ошибка понятна даже если вообще js не знаешь. Используйте self(или как оно называется в js) вместо row в теле функции. <br>