Tolong pilih kategori sesuai, jenis posting (pertanyaan atau bukan) dan sertakan tag/topik yang sesuai misal komputer, php, mysql, dll.
Promosi atau posting tidak pada tempatnya akan kami hapus.
Mencantumkan kode program di posting Anda, tolong ikuti aturan yang sesuai, baca http://diskusiweb.com/discussion/39204/aturan-cara-menyisipkan-kode-program-di-diskusiweb

Baca cara posting gambar/image di post Anda: http://www.diskusiweb.com/discussion/47345/cara-menyisipkan-menyertakan-image-pada-posting/p1

Enable/Disable Textfield dengan Radio Button

edited September 2011 in Artikel & Tutorial Komputer
<img src="http://i52.tinypic.com/2jd1a1c.jpg"/>;

Cara ini, mengandalkan Javascript
Gunanya adalah membuat pilihan melalui radio button

Langkahnya sebagai berikut :
Misal, mempunyai file index.php

<b>JAVASCRIPT</b><div class='geshi_syntax'><table><tr><td><div class='code'><pre class="js">function pilihanmu(){
var val = 0;
for( i = 0; i < document.contoh.pilihan.length; i++ ){
if( document.contoh.pilihan.checked == true ){
val = document.contoh.pilihan.value;
if(val=='3'){
document.contoh.opsional.disabled = false;
}
else{
document.contoh.opsional.disabled = true;
}
}
}
}</pre></div></td></tr></table></div>
<i>Fungsi diatas bertujuan untuk membuat pilihan dari form <b>"contoh"</b> dengan isi dari form tersebut berupa radio button dan textfield dengan nama <b>"pilihan"</b> untuk radio button dan <b>"opsional"</b> untuk textfield</i>

<b>HTML</b><div class='geshi_syntax'><table><tr><td><div class='code'><pre class="html"><form name="contoh">
<input type="radio"
name="pilihan"
value="1"
onClick="pilihanmu()"/> Google<br />
 
<input type="radio"
name="pilihan"
value="2"
onClick="pilihanmu()"/> Momonimo<br />
 
<input type="radio"
name="pilihan"
value="3"
onClick="pilihanmu()"/> Lainnya..<br />
 
<input type="text"
name="opsional"
class="text"
disabled="" />
</form></pre></div></td></tr></table></div>

Tanggapan

  • tengkyu,,,bermanfaat untuk membuat program-program kecilku ,,, :-D
  • gimana bang klo pake button bukan radio button?
    tolong pencerahannya...
  • <script>
    function test()
    {
    document.contoh.opsional.disabled = false;
    }
    </script>
     
    <form name="contoh">
    <button name="tombol" type="button" value="4" onclick="test()">Coba di klik</button>
    <input type="text" name="opsional" class="text" disabled="" />
    </form>
  • kalau mau nyimpan ke database gimana cara pengambilan data yg di input type nya itu ya bang? misalnya dia pilih lainnya, lalu yang disimpan adalah isian di inputannya tersebut
This discussion has been closed.