Тема: Jquery & checkbox
Показать сообщение отдельно
  #3 (permalink)  
Старый 03.09.2015, 21:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

sergey144010,
<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
    </head>
<body>

<table class="table table-striped table-hover">
    <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type=checkbox name="id" value="3603">
            </td>
            <td>name1</td>
        </tr>
        <tr>
            <td>
                <input type=checkbox name="id" value="3795">
            </td>
            <td>name2</td>
        </tr>
        <tr>
            <td>
                <input type=checkbox name="id" value="3796">
            </td>
            <td>name3</td>
        </tr>
        <tr>
            <td>
                <input type=checkbox name="id" value="3797">
            </td>
            <td>name4</td>
        </tr>
        <tr>
            <td>
                <input type=checkbox name="id" value="3798">
            </td>
            <td>name5</td>
        </tr>
    </tbody>
</table>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
    $(function() {
    $("table.table > tbody > tr").each(function(indx, el) {
        var inp = $("input:checkbox", el)[0];
        $(el).on("click", function(event) {
            event.target != inp && (inp.checked = !inp.checked)
        })
    })
});
  </script>

</body>
</html>
Ответить с цитированием