На моей веб-странице у меня есть таблица, и я хотел бы изменить фон строки, и в процессе проверьте переключатель, соответствующий этой строке, когда нажимается строка. Я попробовал использовать 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/
Вы забыли добавить jquery
Добавьте это в вас css
tr.active td {
background-color: #8fc3f7;
}
Я обновил свой демо это
Обновлено, чтобы проверить 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);
});
});
Что-то вроде этого...:
$(this).find('input').prop('checked', true);
.. проверит радиообъектив щелкнутого ряда.
[Fiddle] (http://jsfiddle.net/McNull/LwT9N/)
Проблема в том, что td получил фоновый цвет тоже
.newreqtable td {
.....
background-color:#ffffff;
Таким образом, вам необходимо обеспечить соблюдение вашего активного класса, например
tr.active td{background-color: #8fc3f7;}
Смотрите это: http://jsfiddle.net/Gz668/9/