Показать сообщение отдельно
  #2 (permalink)  
Старый 18.04.2014, 23:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

eFusion,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
 $(function () {
           $("table tr").each(function (indx, element) {
               var $selects = $("select", this),
                   $button = $("button", this);
               $selects.on("change", function () {
                   var disabled = $selects[0].value && $selects[1].value && $selects[2].value
                   $button.prop({
                       disabled: !disabled
                   })
               })

           });
       })
  </script>
</head>

<body>
 <table><tr>
              <th>Логин</th>
              <th>ФИО</th>
              <th>Адрес</th>
              <th>Дата</th>
            </tr>
            <tr>
              <td>d_20538</td>
              <td>Вася Василий Василий</td>
              <td>Цветочная 34</td>
              <td>27 мая 2013</td>
            </tr>
            <tr>
              <td>
                <p>Оценка:</p>
              </td>
              <td>
                <select id="1">
                  <option selected="selected"></option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
              </td>
              <td>
                <p>Оценка:</p>
                <select id="2">
                  <option selected="selected"></option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
                <p>Оценка:</p>
                <select id="3">
                  <option selected="selected"></option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
              </td>
              <td><button type="button" disabled="disabled" id="continue"> Готово</button></td>
            </tr><tr>
              <th>Логин</th>
              <th>ФИО</th>
              <th>Адрес</th>
              <th>Дата</th>
            </tr>
            <tr>
              <td>d_20538</td>
              <td>Вася Василий Василий</td>
              <td>Цветочная 34</td>
              <td>27 мая 2013</td>
            </tr>
            <tr>
              <td>
                <p>Оценка:</p>
              </td>
              <td>
                <select id="1">
                  <option selected="selected"></option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
              </td>
              <td>
                <p>Оценка:</p>
                <select id="2">
                  <option selected="selected"></option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
                <p>Оценка:</p>
                <select id="3">
                  <option selected="selected"></option>
                  <option>1</option>
                  <option>2</option>
                  <option>3</option>
                  <option>4</option>
                  <option>5</option>
                </select>
              </td>
              <td><button type="button" disabled="disabled" id="continue"> Готово</button></td>
            </tr>
 </table>

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