Как я могу выделить всю строку, если отмечен флажок?

Question

Как я могу выделить всю строку, если отмечен флажок?

0

Мне нужно выделить всю строку, используя jquery или php. Есть какой-либо способ сделать это? или, пожалуйста, предложите мне альтернативу?

Вот код, над которым я работаю:

<table id ="gdRows" class="table table-bordered">
    <tr class="info">
        <td><input type='checkbox' id="selectall" onclick = "selectAll(this)"></td>
        <td><strong>Username</strong></td>
        <td><strong>Password</strong></td>
    </tr>   
    <?php

    for($i=0; $row = $qry->fetch(); $i++){
           $username = $row['username'];
           $password = $row['password'];           
    ?>
        <tr class="success">
  <td><input type="checkbox" name="chkDelete" ></td>
        <td><?php echo $username; ?></td>
        <td><?php echo $password; ?></td>
        </tr>
    <?php
    }
    ?>
   </table>

psab_72 21 янв. 2014, в 06:19

Источник

0

Вы имеете в виду эффект выделения, когда он подсвечивается, а затем возвращается в нормальное состояние? Или цвет фона?
AyB 21 янв. 2014, в 05:00
0

привет спасибо за быстрый ответ но это не работает.
psab_72 21 янв. 2014, в 05:03
0

если флажок установлен, он изменит цвет фона. как в почте Yahoo.
psab_72 21 янв. 2014, в 05:04

Показать ещё 1 комментарий

Теги:

php

jquery

checkbox

4 ответа

Ещё вопросы

Вы имеете в виду эффект выделения, когда он подсвечивается, а затем возвращается в нормальное состояние? Или цвет фона?
привет спасибо за быстрый ответ но это не работает.
если флажок установлен, он изменит цвет фона. как в почте Yahoo.

j08691 · Answer 1 · 2014-01-21T02-30-00.000Z

Вы можете сделать это с помощью этого jQuery и класса CSS:

$('input[name="chkDelete"]').click(function () {
    $(this).closest('tr').removeClass('foo');
    if ($(this).is(':checked')) $(this).closest('tr').addClass('foo');
})

Пример jsFiddle

monners · Answer 2 · 2014-01-21T04-02-00.000Z

// jQuery
$('tr').find('input').on('click', function() {
    if ($(this).prop('checked') === true) {
       $(this).closest('tr').addClass('highlighted'); 
    } else {
       $(this).closest('tr').removeClass('highlighted'); 
    }
});

// CSS
.highlighted td {
    background: yellow;
}

Здесь скрипка

Krish R · Answer 3 · 2014-01-21T03-43-00.000Z

Попробуй это,

    <script src="jquery.js"></script>
    <script type="text/javascript">
        $(function(){
           $(".Row").click(function(){          
               if($(this).is(":checked")){         
                    $(this).closest('tr').css({backgroundColor: 'red'});
               }else{
                   $(this).closest('tr').css({backgroundColor: ''});
               }
           });

        });
    </script>

HTML:

 <tr class="success">
   <td><input type="checkbox" name="chkDelete" class="Row"></td>
    <td><?php echo $username; ?></td>
    <td><?php echo $password; ?></td>
</tr>

Agha Umair Ahmed · Answer 4 · 2014-01-21T02-33-00.000Z

Вы должны использовать jquery для выделения строки, указанной на jquery-10.1.2

$(function () {
  $('#selectall').on('click',function(){
     $('yourdivwhichyouwanttohighilit').css('background-color','red');
  })
});