Javascript digunakan untuk berinteraksi dengan pengguna secara langsung dengan bantuan browser. Artinya proses tidak perlu dikirimkan lagi ke server. Banyak hal yang dapat kita lakukan dengan javacript, seperti artikel berikut yaitu melakukan check atau uncheck pada checkbox yang ada pada sebuah form.
Misal anda sudah membuat sebuah form yang ada checkbox seperti berikut :
Atau dengan susunan kode html seperti berikut :
<form id="FCoba" name="FCoba" method="post" action=""> <p><input name="pilihan1" type="checkbox" value="php" /> PHP</p> <p> <input name="pilihan2" type="checkbox" value="asp" /> ASP </p> <p><input name="pilihan3" type="checkbox" value="css" /> CSS </p> </form>
Kita bisa gunakan javascript untuk membuat fasilitas untuk memilih semua atau mematikan semua pilihan checkbox yang ada dengan menambahkan kode javascript berikut pada bagian <head> dokumen html anda:
<script type="text/javascript">
var checked=false;
var frmname='';
function checkedAll(frmname)
{
var valus= document.getElementById(frmname);
if (checked==false)
{
checked=true;
}
else
{
checked = false;
}
for (var i =0; i < valus.elements.length; i++)
{
valus.elements[i].checked=checked;
}
}
</script>
Sehingga hasil form terakhir terlihat seperti berikut :
Caranya :
- Tambahkan fungsi javascript diatas pada bagian <head>
- Tambahkan fasilitas pilih semua pada form anda dengan kode berikut :
<p><a href="#" onclick='checkedAll("FCoba");'>Pilih semua</a></p>
ganti FCoba dengan form yang and gunakan
Selamat mencoba, semoga bermanfaat
sumber:http://www.zainalhakim.web.id
Tidak ada komentar:
Posting Komentar