Postingan lainnya
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">
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>
<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>
