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

Question

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

0

На моей веб-странице у меня есть таблица, и я хотел бы изменить фон строки, и в процессе проверьте переключатель, соответствующий этой строке, когда нажимается строка. Я попробовал использовать 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/

Ankur Chachra 14 нояб. 2013, в 07:47

Источник

Теги:

javascript

jquery

css

3 ответа

2

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

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

.. проверит радиообъектив щелкнутого ряда.

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

null 14 нояб. 2013, в 04:23

2

Проблема в том, что td получил фоновый цвет тоже

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

Таким образом, вам необходимо обеспечить соблюдение вашего активного класса, например

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

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

Andrew 14 нояб. 2013, в 03:59

Ещё вопросы

Rohan Kumar · Accepted Answer · 2013-11-14T04-47-00.000Z

Вы забыли добавить 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);
    });
});

демонстрация

Я редактировал вопрос. Не могли бы вы также помочь мне установить флажок для строки на щелчок по строке?
@AnkurChachra посмотри мой обновленный ответ