Изменить цвет фона в строке таблицы при нажатии

Question

На моей веб-странице у меня есть таблица, и я хочу изменить фон строки, и в процессе проверьте переключатель, соответствующий этой строке, когда строка щелкнул. Я попытался следующие действия с помощью JQuery:

<style> 
    .active { background-color: #8fc3f7;} 
</style> 
<script> 
$(document).ready(function() 
    { 
    $('#reqtablenew tr').click(function() 
     { 
     $('#reqtablenew tr').removeClass("active"); 
     $(this).addClass("active"); 
     }); 
    }); 
<script> 

Любые мысли относительно того, что я могу делать неправильно или какой-либо обходной путь будет очень приветствуется. Я включил следующие скрипты на странице. src = "http://code.jquery.com/jquery-1.9.1.js"> и src = "http://code.jquery.com/ui/1.10.3/jquery-ui.js"

Вот скрипка моего стола http://jsfiddle.net/Gz668/5/

Answer 1

Вы забыли добавить jquery

Добавить это в вас CSS

tr.active td { 
    background-color: #8fc3f7; 
} 

Я обновил свой демо this

Обновлено, чтобы проверить radio попробовать это,

$(this).find('[name="reqradio"]').prop('checked',true); 

Полный код

$(document).ready(function() { 
    $('#reqtablenew tr').click(function() { 
     $('#reqtablenew tr').removeClass("active"); 
     $(this).addClass("active"); 
     $(this).find('[name="reqradio"]').prop('checked',true); 
    }); 
}); 

Demo

Answer 2

Проблема заключается в TD получил цвет фона слишком

.newreqtable td { 
    ..... 
    background-color:#ffffff; 

Таким образом, вам необходимо активировать активный класс, например.

tr.active td{background-color: #8fc3f7;} 

Смотреть это: http://jsfiddle.net/Gz668/9/

Answer 3

Что-то вроде этого ...:

$(this).find('input').prop('checked', true); 

.. проверит радиокнопку в щелкнули строки.

[Fiddle] (http://jsfiddle.net/McNull/LwT9N/)