Trik Agar Judul Dari Suatu Daftar Checkbox Hanya Tampil Saat Ada Checkbox Yang Dicontreng Saja

Niguru.com | Senin, 5 Okt 2020 | Pada posting beberapa waktu yang lalu (2 Oktober 2020, Mengenal Checkbox Sebagai Input Pada ASP), Niguru.com pernah menjelaskan cara menggunakan checkbox sebagai input, untuk mengirimkan data dari HTML ke ASP server.

Pada contoh yang sudah diberikan pada bagian output terdapat judul: "Kamu memilih:" yang tetap tampil meski user tidak memilih apapun.

Pada posting kali ini Niguru.com akan memberikan trik sederhana untuk membuat judul tidak tampil bila user tidak mencontreng apapun sebelum mengklik tombol Kirim Data.

Berikut ini adalah contoh skript yang sudah dijelaskan pada posting sebelumnya:

 

Bila ditampilkan pada browser:

 

Berikut ini cara untuk menyembunyikan teks: Kamu memilih, pada saat user belum mencontreng apapun, yaitu dengan menggunakan instruksi Select .. Case.

Perhatikan pada contoh berikut ini:

<h1>Belajar Input Checkbox</h1>

<big><big>Contreng pohon yang kamu pilih</big>

<br>----------------------------<br>

<form method=post action="check02.asp">

<input type="checkbox" name="Kelapa">Kelapa<br>

<input type="checkbox" name="Karet">Karet<br>

<input type="checkbox" name="Beringin">Beringin<br>

<input type="checkbox" name="Kaktus">Kaktus<br>

<input type="submit" value="Kirim Data">

</form>

<%dim a,b,c,d,e

a=request.form("Kelapa")

b=request.form("Karet")

c=request.form("Beringin")

d=request.form("Kaktus")

e="&#9658 Pohon"

select case "on"

case a: response.write("Kamu memilih:<br>")

case b: response.write("Kamu memilih:<br>")

case c: response.write("Kamu memilih:<br>")

case d: response.write("Kamu memilih:<br>")

case else: response.write("")

end select

if a="on" then response.write(e&" Kelapa<br>")

if b="on" then response.write(e&" Karet<br>")

if c="on" then response.write(e&" Beringin<br>")

if d="on" then response.write(e&" Kaktus<br>")%>

 

Simpan dengan nama check02.asp:

 

Buka file check02.asp pada browser. Hasilnya:

 

Hanya bila ada input yang dicontreng maka judul tampil bersamaan dengan hasil cetak tampilan pada halaman browser:

Demikianlah penjelasan mengenai trik agar judul dari suatu daftar chekbox hanya tampil pada saat ada checkbox yang dicontreng.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)