Я в основном делаю интерфейс, где администраторы могут утверждать и отклонять записи, нажимая кнопки подтверждения и отклонения в каждой строке таблицы. Но у меня есть несколько критериев:
После того, как администратор нажмет кнопку «Подтвердить», а затем кнопку «Отправить», кнопка «Отклонить» должна быть отключена и оставаться постоянной, даже после обновления никакие изменения не допускаются в будущем. Что означает, что таблица должна показывать одобренные в этой строке. Если администратор нажимает кнопку отклонения, таблица должна указывать отклонение в этой строке.
Что я сделал :
Каждая строка таблицы имеет кнопку подтверждения и отклонения. Но функция отключения не работает, как я хочу. Функции кнопки отключения работают только для первой строки таблицы.
Мой код 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)
}
Вместо того, чтобы делать это с идентификатором, вы должны использовать класс следующим образом:
document.getElementByClassName('reject').setAttribute('disabled',true);
document.getElementByClassName('accept').setAttribute('disabled',true);
Добавить класс отклонить и принять в свой HTML. Я рекомендую JQuery.
<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>