Tandai Atau Hilangakan Tanda dengan javascript

Bookmark and Share
Tandai Atau Hilangakan Tanda

Kota Yang Ingin Di Kunjungi Di Sumatra Barat
Payakumbuh Bukit Tinggi Padang Solok Batusangkar
Tandai Semua (checkh all) atau hilangkan tanda semuanya (uncheck all), Script ini akan memudahkan kita bila suatu web yang kita tawarkan dengan pilihan yang semua checkh box nya sangat di suakai atau tidak di sukai oleh pengunjung

untuk script nya dapat di lihat dibawah ini

<HTML>
<HEAD>
<TITLE>Tandai Atau Hilangakan Tanda</TITLE>

<SCRIPT LANGUAGE="JavaScript">
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Hapus Semua Yang diTandai"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Tandai Semuanya"; }
}

</script>
<style type="text/css">

.style1 {
    color: #0000FF;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style3 {
    color: #000000;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
-->
</style>
</HEAD>
<BODY BGCOLOR=#ffffff vlink=#0000ff>
<BR>
<center>
<table width=600 cellpadding=0 cellspacing=10>
<tr>
<td width=468 align=center>  
</td>
<td width=120 align=center>  
</td>
</tr>
</table>
<center><form name=myform action="" method=post>
  <table border="1" cellpadding="5" cellspacing="4">
<tr>
<td>
<span class="style1">Kota Yang Ingin Di Kunjungi Di Sumatra Barat<hr> </span><br>
<span class="style3">
<input type=checkbox name=list value="1">
Payakumbuh<br>
<input type=checkbox name=list value="2">
Bukit Tinggi<br>
<input type=checkbox name=list value="3">
Padang<br>
<input type=checkbox name=list value="4">
Solok<br>
<input type=checkbox name=list value="5">
Batusangkar</span><br>                                                  
<input type=button value="Tandai Semuanya" onClick="this.value=check(this.form.list)"></td>
</tr>
</table>
</form>
</center>
<p>
</body>
</html>

script di atas dibuat menggunakan dreamweaver dengan ekstensi html

{ 0 komentar... Views All / Send Comment! }

Posting Komentar