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

Я в основном делаю интерфейс, где администраторы могут утверждать и отклонять записи, нажимая кнопки подтверждения и отклонения в каждой строке таблицы. Но у меня есть несколько критериев:

После того, как администратор нажмет кнопку «Подтвердить», а затем кнопку «Отправить», кнопка «Отклонить» должна быть отключена и оставаться постоянной, даже после обновления никакие изменения не допускаются в будущем. Что означает, что таблица должна показывать одобренные в этой строке. Если администратор нажимает кнопку отклонения, таблица должна указывать отклонение в этой строке.

Что я сделал :
Каждая строка таблицы имеет кнопку подтверждения и отклонения. Но функция отключения не работает, как я хочу. Функции кнопки отключения работают только для первой строки таблицы.

Мой код PHP:

for($x=0; $x<$i; $x++)
{
echo "<tr>
<td>". $recordid[$x] ."</td>
<td>". $datetime[$x]."</td>
<td>". $recordid[$x] ."</td>

<td>
<button type= 'button' class='btn btn-success' name='".$selectedradio[x]."' id='accept' onClick='myFunction()'>Approve</button>
</td>

<td>
<button type= 'button' class='btn btn-danger' name='".$selectedradio[x]."' id='reject' onClick='myFunction()'>Reject</button>
</td>

}

Мой код JS:

function myFunction(){
document.getElementByClassName('btn btn-success').setAttribute('disabled',true)
document.getElementByClassName('btn btn-danger').setAttribute('disabled',true)
}

0

Решение

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

       document.getElementByClassName('reject').setAttribute('disabled',true);
document.getElementByClassName('accept').setAttribute('disabled',true);

Добавить класс отклонить и принять в свой HTML. Я рекомендую JQuery.

0

Другие решения

 <script>
function enableButton2() {
document.getElementById("button2").disabled = True;
}
</script>
</head>
<body>
<input type="button" id="button1" value="button 1" onclick="enableButton2()"  />
<input type="button" id="button2" value="button 2" />
</body>
</html>
0

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector