• image

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

    Langkahnya sebagai berikut :
    -------------------------------------------------
    Misal, mempunyai file index.php

    JAVASCRIPT
    function pilihanmu(){
 var val = 0;
 for( i = 0; i < document.contoh.pilihan.length; i++ ){
  if( document.contoh.pilihan[i].checked == true ){
   val = document.contoh.pilihan[i].value;
   if(val=='3'){
    document.contoh.opsional.disabled = false;  
   }
   else{
    document.contoh.opsional.disabled = true;
   }
  }
 }
}

    Fungsi diatas bertujuan untuk membuat pilihan dari form "contoh" dengan isi dari form tersebut berupa radio button dan textfield dengan nama "pilihan" untuk radio button dan "opsional" untuk textfield

    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>

Comments

Post a Comment

Popular posts from this blog

Menampilkan Data Dari ComboBox ke TextField di PHP

Image
Pada tutorial ini data dari combobox yang diambil dari database akan ditampilkan pada textfield. Buatlah database dengan nama: dbakademik Buat tabel dengan nama: tb_mhs Buat field yaitu: nim, nama, jurusan dan lalu isilah seperti contoh pada gambar di bawah ini. Buat file .php dan berikut ini adalah scriptnya:      <?php        mysql_connect("localhost","root","");        mysql_select_db("dbakademik");       ?> <title>Combobox</title> <p></p>     <table width="451" border="0" align="center">       <tr>         <td width="118">NIM</td>         <td width="323"><select name="nim" id="nim" onchange="changeValue(this.value)" >         <option value=0>-Pilih-...
Read more

Cara Menampilkan Hasil Form HTML dengan JavaScript

Image
Dalam artikel kali ini saya akan membahas tentang  Bagaimana Cara Menampilkan Hasil Form HTML dengan JavaScript . Artikel ini ditulis berdasarkan pertanyaan dari rekan kita Doe, pada  Tutorial Belajar JavaScript: Cara Menampilkan Hasil Program JavaScript . Berikut adalah pertanyaannya: Gan, misalnya kita tuh klik button pada sebuah form yang nantinya akan menghasilkan informasi sesuai pilihan yang di pilih pada form 1. Tampilnya itu di bawah form itu gan. (form id=tampil) select –option=jakarta –option=bandung input type=button onclick=klik() misal:dipilihnya bandung, dibawah form tersebut ada info seputar bandung gan. Saya coba pake document.write tapi css nya gak jalan. Saya pakai juga getElementById tetep belum jalan. mohon pencerahannya. Terima kasih Dari pertanyaan tersebut saya akan mencoba untuk membuat sebuah halaman HTML yang akan menampilkan hasil dari form pada halaman yang sama menggunakan  JavaScript . Berikut adalah tampilan akhir kode pro...
Read more

MEMBUAT FORM OTOMATIS TERISI DENGAN PHP AJAX(BELAJAR PHP.NET) JSON AJAX

Image
August 4, 2016 Posted by:  Nuris Akbar  Category: Tutorial Ajax Jquery   Tutorial PHP MYSQL  No Comments apakah anda pernah melihat sebuah aplikasi yang mempunyai fitur ketika salah satu field/ textbox di isi maka seluruh form otomatis terisi ? sekarang kita akan belajar membuat fitur tersebut dengan PHP Ajax dan MySQL. ide awalnya adalah ketika text box nim di isi maka semua texbox yang lain akan terisi  jika data nim yang dikirimkan via ajax nantinya ditemukan di database. gambar berikut ini adalah hasil yang anda dapatkan setelah mempelajari tutorial ini, sebelah kiri adalah kondisi awal form dan sebelah kanan adalah kondisi setelah NIM di isi dan sesuai dengan data yang terdapat di database. Membuat Database Dan Struktur Tabel karena kita akan belajar menampilkan data dari database MySQL menggunakan PHP maka kita butuh sebuah database. jadi langkah pertama buatlah sebuah database dengan nama latihan dan jalankan query berikut ini ...
Read more