2015-04-02 5 views
0

Я ищу, чтобы повернуть всю строку красного цвета в моей таблице при нажатии с помощью javascript.Цвет строки таблицы, если кнопка нажата

Мне удалось превратить отдельные ячейки в красный цвет с помощью кода ниже, но не весь tr. Также, как только красный цвет не может вернуть его обратно в белый цвет.

var ie = document.all 
var ns = document.getElementById && !ie 
function rowclick(e) { 
var obj = ns ? e.target : event.srcElement 
if (obj.tagName=="TD") { 
obj.style.background="red" 
obj.onblur=function() { 
obj.style.background="white" 
} 
} 
} 

Обратите внимание, что изменения, если (obj.tagName=="TD") { к if (obj.tagName=="TR") { не работает

+1

вам понадобится сценарий клиентской стороны для этого – Ghost

ответ

3

function rowclick(e) { 
 
    var obj = this 
 
    if (obj.tagName == "TR") { 
 
    if (obj.style.backgroundColor === "red") 
 
     obj.style.backgroundColor = "white" 
 
    else 
 
     obj.style.backgroundColor = "red" 
 
    } 
 
} 
 

 
$('table tr').click(rowclick)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div> 
 
    <table> 
 
    <tr><td>hello</td><td>world</td></tr> 
 
    <tr><td>hello</td><td>world</td></tr> 
 
    <tr><td>hello</td><td>world</td></tr> 
 
    </table> 
 
</div>

Обновлено изменяет цвет фона.

+0

Эй, на ... Великолепно, но я хочу, чтобы выделить несколько строк. –

+0

О, я вижу. Обновлен код для переключения цвета фона. –

+0

примерно там, но по какой-то причине происходит только каждый другой ряд: S -> я добавил его здесь, в режиме реального времени для вас http://mr-tipster.com/pages/newcard.php –

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