• 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

Validasi Input

< form method = "post" action = "aksi.php" onsubmit = "return validasi_input(this)" > < p > Username: < input name = "username" type = "text" > </ p > < p > < input name = "" type = "submit" value = "Submit" > </ p > </ form > Pada form tersebut terdapat kode onsubmit=”return validasi_input(this)” , dengan menggunakan fungsi onsumbit kita dapat membuat function javascript untuk validasi_input pada JavaScript sebelum ke action=” aksi.php ”, Berikut Kode JS nya, letakkan di atas Form ya.. < script type = "text/javascript" > function validasi_input (form) {   if (form.username.value == "" ){     alert( "Username masih kosong!" );     form.username.focus();     return ( false );   } return ( true ); } </ script > 2. Membatasi Minimal Input dengan Javascipt Untuk Membatasi Jumlah Inputan , Kita dap...
Read more