Показать сообщение отдельно
  #4 (permalink)  
Старый 28.02.2013, 22:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

alshinkareff,
но это врятли вас спасёт ...
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">

  <title>Checkbox + jquery</title>
  <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
</script>
  <script type="text/javascript">
          $(function () {
                var Tr = jQuery.makeArray($('tr'));
                Tr.sort(function f(a, b) {
                            a = $(a).text();
                            b = $(b).text();
                            var c = 0
                            if (a > b) c = 1;
                            if (a < b) c = -1;
                            return c
                        });
                var first = $('table:first');
                var last = $('table:last');
                $.map(Tr, function (tr) {
                        $(tr).click(function (event) {
                    var checkbox = $(':checkbox', $(tr));
                    var checked = checkbox.prop("checked");
                    if(event.target.nodeName != 'INPUT')  checkbox.prop("checked", !checked)
                        $.map(Tr, function (tr) {
                            var checkbox = $(':checkbox', $(tr));
                            var checked = checkbox.prop("checked");
                            $(tr).appendTo(checked? last : first)
                        });
                    });
                });
                $(Tr[0]).click().click()
            });
  </script>
</head>

<body>
  <div>
    <font size="12px"><strong>Список сотрудников</strong></font>
  </div>

  <div style="float: left; margin-right: 50px;">
    <p><strong>Сотрудники</strong></p>

    <table style="width: 270px; height: 350px; border: 1px solid gray;">
      <tr>
        <td><input type="checkbox"> Иванов Иван</td>
      </tr>

      <tr>
        <td><input type="checkbox"> Петров Петр</td>
      </tr>

      <tr>
        <td><input type="checkbox"> Зеленый Вениамин</td>
      </tr>

      <tr>
        <td><input type="checkbox"> Гербулов Иван</td>
      </tr>

      <tr>
        <td><input type="checkbox"> Осипова Анна</td>
      </tr>

      <tr>
        <td><input type="checkbox"> Мелкумянц Алексей</td>
      </tr>

      <tr>
        <td><input type="checkbox"> Черный Алексей</td>
      </tr>

      <tr>
        <td><input type="checkbox"> Король Иван</td>
      </tr>

      <tr>
        <td><input type="checkbox"> Сидоров Денис</td>
      </tr>
    </table>
  </div>

  <div>
    <p><strong>Выбранные сотрудники</strong></p>

    <table style="width: 270px; height: 350px; border: 1px solid gray;"></table>
  </div>
</body>
</html>

Последний раз редактировалось рони, 28.02.2013 в 22:40.
Ответить с цитированием