disabled tombol submit saat status berbeda

mohon bantuan nya suhu, saya masih permula banget, gimana ya agar tombol submit nya mati saat status input 'pending', 'Ditolak' dan akan hidup tombolnya saat status 'Diterima'

coding yang udah saya buat kaya gini tapi gak jalan

   <?php
    include("fungsi_koneksi.php");
  $koneksi = koneksi_db();
  $sql = "SELECT *
FROM `data_pesanan`";

  $aksi= mysql_query($sql,$koneksi);
  $data = mysql_fetch_array($aksi);
  ?>

<input type="text" style="background-color:#FFCC99" name="status" required="required" value="<?php echo $data['status']; ?>" readonly id="status" >

                        <?php
                        $status = $data['status'];

                        if (!$status = 'Pending') {
                          echo "Status Pesanan Pending";?><script>simpan.disabled = true </script>
                          <?php
                        }elseif (!$status = 'Ditolak') {
                          echo "status Pesanan Ditolak";?><script>simpan.disabled = true </script>
                          <?php
                        }else{
                          echo "Silahkan Transaksi";?> <script>simpan.disabled = false </script>

                        <?php
                        }
                        ?>

<input type="submit" id="simpan" name="simpan" value="Transaksi" class="btn btn-round btn-success">

php javascript database

@juanda001

5 Kontribusi 4 Poin

Diperbarui 3 tahun yang lalu

2 Jawaban:

<div>Kamu tidak bisa mengambil kata "simpan" begitu saja di javascript.<br>Perlu kamu beritahu dulu simpan itu apa<br><br>contoh </div><pre>var simpan = document.getElementById('simpan') //ambil elemen yang idnya simpan</pre>

@hilmanski

2686 Kontribusi 2135 Poin

Dipost 3 tahun yang lalu

<div>Coba seperti ini :</div><pre><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body onload="checkStatus()"> <input type="text" style="background-color:#FFCC99" name="status" required="required" value="diterima" readonly id="status"> <input type="submit" id="simpan" name="simpan" value="Transaksi" class="btn btn-round btn-success"> <script type="text/javascript"> function checkStatus(){ //Get value const status = document.querySelector("#status").value; const btnSimpan = document.querySelector("#simpan"); if(status.toLowerCase() === 'pending' || status.toLowerCase() === 'ditolak') { btnSimpan.setAttribute('disabled', 'disabled'); } else { if( btnSimpan.hasAttribute('disabled') ) { btnSimpan.removeAttribute('disabled'); } } } </script> </body> </html></pre><div><br></div><div>Nanti tombol akan otomatis disabled ketika nilai inputan statusnya bernilai "pending" atau "ditolak", ketika statusnya "diterima", tombolnya akan normal. Silahkan dicoba2.<br><br>Link : <a href="https://jsbin.com/konerokipa/edit?html,output">https://jsbin.com/konerokipa/edit?html,output</a><br><br>Semoga terbantu.</div>

@ahanafi

815 Kontribusi 554 Poin

Dipost 3 tahun yang lalu

Kelas Premium! Belajar Javascript untuk website

disabled tombol submit saat status berbeda

Kelas Premium!
Belajar Javascript untuk website