Saya telah membuat formulir di mana saya telah membuat bidang input dinonaktifkan secara default->

<input class="name"  type="text" maxlength="50" value="Hritika Agarwal" disabled="" />

Saya ingin membuat ini dapat diedit dengan mengklik tombol. Jadi buat tombol seperti ini ->

 <button class="accept-btn" onclick="myFunction()">Edit</button>


   function myFunction() {
   document.getElementById("name").removeAttribute("disabled");
   }

Tapi itu tidak bekerja.

Saya bahkan sudah mencoba seperti ini juga->

     function myFunction() {
    document.getElementById("name").style.disabled = "false";
    }

Tapi sekali lagi tidak terjadi apa-apa. Bagaimana saya bisa menyelesaikan ini>

1
Hritika Agarwal 8 Januari 2021, 10:26

3 jawaban

Jawaban Terbaik

Jika Anda ingin memilih elemen berdasarkan nama kelas gunakan getElementsByClassName.

document.getElementsByClassName("name")[0].disabled = false;

Jika

Pilih elemen dengan id gunakan getElementById. ubah input menjadi

<input id="name"  type="text" maxlength="50" value="Hritika Agarwal" disabled="" />

Kemudian

 document.getElementById("name").disabled = false;
1
Yasas Naveen 8 Januari 2021, 07:38

Anda menggunakan getElementById untuk menemukan elemen dengan id name tetapi tidak ada hal seperti itu. Gunakan <input id="name" alih-alih kelas, maka yang pertama akan berfungsi.

Yang kedua tidak dapat berfungsi, karena disabled bukan properti gaya.

2
Paflow 8 Januari 2021, 07:30
 function myFunction() {
   document.getElementsByClassName("name")[0].removeAttribute("disabled");
 }

Atau

<input class="name" id="name"  type="text" maxlength="50" value="Hritika Agarwal" disabled="" />
2
Canopus 8 Januari 2021, 07:32