Pengenalan Control ASP.NET (Bagian 2)

2.2  Radio Button

Radio button hampir mirip dengan checkbox, hanya saja dalam satu radio button hanya ada satu pilihan. Jika satu item diklik, lainnya tidak akan terklik. Radio button list adalah object untuk menampung radio button, adapun radio button saja akan menghasilkan efek sama seperti checkbox. Radio button list menganggap radio button di dalamnya sebagai index dari array. RadioButtonList digunakan untuk mengelompokan tombol radio button. Tiap item radio button di RadioButtonList ditentukan oleh elemen ListItem. Berikut ini di antara properti dari RadioButtonList:

Properti	Deskripsi
CellPadding	Jumlah piksel antara border dari sel tabel hingga konten di dalamnya.
CellSpacing	Jumlah piksel antara sel tabel
RepeatColumns	Jumlah kolom yang digunakan untuk menampilkan group radio button
RepeatDirection	Menentukan apakah group radio button harus diulang secara horisontal atau vertikal
RepeatLayout	Layout dari group radio button
Runat	Menentukan apakah kontrol ini adalah kontrol server, karena harus diset ke server
TextAlign	Menentukan disisi mana dari radio button, teks harus ditampilkan

Adapun untuk objek radio button, diantara properti penting yang dimilikinya adalah seperti berikut:

Properti	Diskripsi
AutoPostBack	Nilai boolean yang menentukan apakah form harus mem-post secara langsungsetelah properti chacked dari radio button berubah atau tidak. Nilai default-nya adalah False.
Checked	Nilai boolean yang menentukan apakah radio button sedang dicek atau tidak.
id	id unik untuk kontrol tersebut
GroupName	Nama group di mana radio button ini tergabung di dalamnya.
OnChekedChanged	Nama fungsi yang akan dieksekusi jika kondisi checked dari radio button diubah.
Runat	Menentukan apakah kontrol berjenis server. Nilainya harus diset ke server
Text	Teks yang ada di sebelah radio button
TextAlign	Menentukan lokasi teks diletakan di sebelah mana dari radio button, apakah kanan atau kiri.

Latihan

1. Buat project web baru kemudian berikan nama latihanRadio.aspx.
2. Tambahkan dua label, satu RadioButtonList dan satu button pada form web. sesuaikan desainnya seperti gambar di bawah ini.
   
3. Sesuaikan properti tiap-tiap objek sesuai tabel di bawah ini.

   Objek	Propertis
   Label1	Text: Apa Jenis Kelamin Anda Font bold: True Font size: X-Large
   label2	ID: lblHasil Text: (kosong)
   RadioButtonList	Klik objek RadioButtonList kemudian klik simbol panah dibagian kanan atas RadioButtonList, klik edit item. Perhatikan gambar di bawah ini. Tambahkan item laki-laki dan perempuan, lihat gambar di bawah ini
   Button	ID: btnProses Text: Proses

4. Pastikan desainnya sesuai dengan gambar di bawah ini.
   
5. Double click pada button proses kemudian masukan koding di bawah ini.

   If Me.RadioButtonList1.SelectedValue.ToString = "Laki-laki" Then Me.lblHasil.Text = "Anda Laki-laki" End If If Me.RadioButtonList1.SelectedValue.ToString = "Perempuan" Then Me.lblHasil.Text = "Anda Perempuan" End If

6. Sesuaikan kodingnya dengan gambar di bawah ini.
   
7. Jalankan programnya.
   

Kembali

Lanjut