Отключить кнопку, когда выбран конкретный ряд таблицы

Question

Отключить кнопку, когда выбран конкретный ряд таблицы

0

Я хочу отключить определенную кнопку строки, а не все кнопки. Я пробовал использовать id но он скрывает только первую строку. Любая помощь будет приятной.

PHP:

$rowID=1;
while($row = oci_fetch_array($query))
{
  echo '<tr>

  <td>
      <a href="#" rel='.$rowID.' id="buttonq" class="button green ValueDisplay">
            <div class="icon" style="margin-left: 5px; margin-top: 5px;">
                   <span class="ico-edit"></span>
            </div>
      </a>
  </td>

  </tr>';
  $rowID++;
}

ЯШ:

<script>
$('.ValueDisplay').click(function()
{
   var getid = this.rel;

   $('#buttonq').css('visibility', 'hidden');
   //document.getElementById('buttonq'+getid+'').style.visibility="hidden";
});
</script>

user3400389 19 март 2014, в 21:42

Источник

3

Вы даете один и тот же идентификатор всем элементам. Это ошибка.
Denys Séguret 19 март 2014, в 20:24
0

@MattThompson id="buttonq"
Denys Séguret 19 март 2014, в 20:25
0

но таким образом я могу получить конкретные значения строк. не так ли?
user3400389 19 март 2014, в 20:25
0

Извиняюсь. Я думал, что вы имели в виду ID записи :)
Mattt 19 март 2014, в 20:26
0

@Matt Thompson я увеличиваю идентификатор. как <td id="value'.rowID.'">
user3400389 19 март 2014, в 20:26
0

$ ('a'). attr ('rel', getid) .hide ();
Steve 19 март 2014, в 20:26
1

Нет, вы обновляете значение rel. Dystroy говорит о «buttonq» для эффективного использования javascript, вам также нужно сделать этот идентификатор уникальным.
Mattt 19 март 2014, в 20:27
0

@ user574632 та же проблема, что скрывает все значения.
user3400389 19 март 2014, в 20:28
0

@ Матт Томпсон, я не знаю, как это сделать. Идентификаторы уникальны.
user3400389 19 март 2014, в 20:29
1

о, ты скрываешь элемент, на который нажали? тогда просто $ (this) .hide ();
Steve 19 март 2014, в 20:29
0

Хотя другие комментарии об уникальных идентификаторах верны
Steve 19 март 2014, в 20:29
0

@ user574632 опубликуйте сообщение, чтобы я мог принять его и поблагодарить.
user3400389 19 март 2014, в 20:30
0

да, я постараюсь сделать это, как вы, ребята, упомянули.
user3400389 19 март 2014, в 20:32
0

Сделайте их уникальными так же, как вы сделали с id в rel, если это необходимо.
Mattt 19 март 2014, в 21:01

Показать ещё 12 комментариев

Теги:

php

javascript

jquery

2 ответа

2

Если вам не нужен id для чего-то другого, вы можете просто переключить состояние определенной строки, на основе которой была нажата ссылка.

http://jsfiddle.net/XJVbD/

PHP

while($row = oci_fetch_array($query))
{
  echo '<tr>
    <td>
      <a href="#" class="button green ValueDisplay">
        <span class="icon" style="display: block; margin-left: 5px; margin-top: 5px;">
          <span class="ico-edit"></span>
        </span>
      </a>
    </td>    
  </tr>';
}

JQuery

$('.ValueDisplay').on('click', 'a', function(e) {
  e.preventDefault();
  $(this).closest('td').prop('disabled', 'disabled').hide();
});

Я не совсем понял, скрываешься ли ты или просто отключишь. Сообщите мне, если код выше не то, что вам нужно.

Заметки:

Пользователь нажимает на элемент ссылки, поэтому для предотвращения обновления страницы используйте e.preventDefault() в обработчике событий.
У вас есть элемент <div> внутри элемента привязки <a>, который, вероятно, не будет проверять, имеет ли это значение для вас.

cantera 19 март 2014, в 18:01

0

спасибо за это тоже.
user3400389 19 март 2014, в 20:39

Ещё вопросы

Вы даете один и тот же идентификатор всем элементам. Это ошибка.
но таким образом я могу получить конкретные значения строк. не так ли?
Извиняюсь. Я думал, что вы имели в виду ID записи :)
@Matt Thompson я увеличиваю идентификатор. как <td id="value'.rowID.'">
Нет, вы обновляете значение rel. Dystroy говорит о «buttonq» для эффективного использования javascript, вам также нужно сделать этот идентификатор уникальным.
@ user574632 та же проблема, что скрывает все значения.
@ Матт Томпсон, я не знаю, как это сделать. Идентификаторы уникальны.
о, ты скрываешь элемент, на который нажали? тогда просто $ (this) .hide ();
Хотя другие комментарии об уникальных идентификаторах верны
@ user574632 опубликуйте сообщение, чтобы я мог принять его и поблагодарить.
да, я постараюсь сделать это, как вы, ребята, упомянули.
Сделайте их уникальными так же, как вы сделали с id в rel, если это необходимо.

Steve · Accepted Answer · 2014-03-19T17-45-00.000Z

Согласно моему комментарию: вы скрываете элемент с кликом, поэтому просто используйте:

$('.ValueDisplay').click(function(ev)
{
    ev.preventDefault();
    //show all buttons
    $('.ValueDisplay').show();
    // hide this one
    $(this).hide();
});

Вы также можете удалить идентификатор, так как это неверно, чтобы иметь дубликат идентификатора, и он, похоже, не служит цели:

<td>
  <a href="#" class="button green ValueDisplay">
        <div class="icon" style="margin-left: 5px; margin-top: 5px;">
               <span class="ico-edit"></span>
        </div>
  </a>
</td>

<td id="OFFbrief'.$rowID.'">'.$row['REMARKS'].'</td> я использую rowID для этой цели, поэтому я делаю это.
Хорошо, я не вижу такого вопроса. Рад, что смог помочь
хорошо, это работает просто отлично. как я могу показать предыдущую кнопку скрытия? если я нажимаю на другую строку, кнопка скрывается, но также отображается предыдущая кнопка скрытия?
о, вы разместили $('.ValueDisplay').show(); это перед тем, как спрятаться. это хорошо. Большое вам спасибо за ваше время.