Cara Membuat Radio Button di ASP.Net

Radio Button adalah suatu tombol yang digunakan untuk mengambil salah satu pilihan dari banyak pilihan yang tersedia Untuk Latihan kedua menggunakan sebuah radio button yang dimana akan buat seperti dibawah ini :

1.      Untuk pertama kali membuat project kita memilih ASP.Net yang berada di File > New Project > Other Languages > Visual C# > Web > Pilih ASP.Net Empty Web Application.

2.      Isi dengan nama aspproject03 dan Klik OK

3.      Klik Kanan Pada aspproject03 yang ada di pojok kanan pilih ADD > New Item > Web Form. Dan berinama RadioButton.aspx

4.      Selanjutnya buat sebuah CheckBox , button, label dengan memasukkan kode dibawah ini berada di dalam <div>

Dari Mana anda mengenal Wibisono ?

        <ul>

            <li>

                <asp:RadioButton ID="rdlMajalah" Text="Artikel Majalah" GroupName="Source" runat="server" />

            </li>

        </ul>

        <ul>

            <li>

                <asp:RadioButton ID="rdlTv" Text="Program Televisi" GroupName="Source" runat="server" />

            </li>

        </ul>

        <ul>

            <li>

                <asp:RadioButton ID="rdlLain" Text="Sumber Yang Lain" GroupName="Source" runat="server" />

            </li>

        </ul>

        <asp:Button ID="btnSubmit" Text="Submit" runat="server" OnClick="btnSubmit_Click" />

        <hr />

        <asp:Label ID="lblHasil" runat="server" />

Keterangan Kode :

·         <ul><li>

Code ini berfungsi untuk membuat sebuah menu horisontal atau vertikal

·         <asp:RadioButton ID="rdlMajalah" Text="Artikel Majalah" GroupName="Source" runat="server" />

Code ini berfungsi untuk membuat sebuah radio button dengan ID rdlMajalah yang bertulisan Artikel Majalah yang mempunya GroupName dengan nama Sorce dan dikirim ke server

·         <asp:RadioButton ID="rdlTv" Text="Program Televisi" GroupName="Source" runat="server" />

Code ini berfungsi untuk membuat sebuah radio button dengan ID rdlTv yang bertulisan Program Televisi  yang mempunya GroupName dengan nama Sorce dan dikirim ke server

·         <asp:RadioButton ID="rdlLain" Text="Sumber Yang Lain" GroupName="Source" runat="server" />

Code ini berfungsi untuk membuat sebuah radio button dengan ID rdlLain yang bertulisan Sumber yang Lain  yang mempunya GroupName dengan nama Sorce dan dikirim ke server

·         <asp:Button ID="btnSubmit" Text="Submit" runat="server" OnClick="btnSubmit_Click" />

Code ini berfungsi untuk membuat sebuah button dengan ID btnSubmit yang bertulisan Sumbmit yang dikirim ke server dengan mempunyai Aksi Click

·         <asp:Label ID="lblHasil" runat="server" />

Code ini Berfungsi untuk membuat sebuah label dengan ID lblHasil yang dikirim ke server

5.      Selanjutnya double Click Button dan tuliskan kode dibawah ini kedalam bahas C#:

         if (rdlMajalah.Checked)

            {

                lblHasil.Text = rdlMajalah.Text;

            }

            else if (rdlTv.Checked)

            {

                lblHasil.Text = rdlTv.Text;

            }

            else

            {

                lblHasil.Text = rdlLain.Text;

            }

Keterangan Kode :

Kode diatas berfungsi untuk pemilihan jika kita memilih salah satu radio button. Misalnya jika kita memilih rdlMajalah dan menekan Sumbit maka akan menjalankan outputan Artikel Majalah,  jika kita memilih rdlTv dan menekan Sumbit maka akan menjalankan outputan Program Televisi,  jika tidak ada pilihan dari kedua diatas maka akan memilih pilihan terakhir dan menjalankan outputan Sumber Yang Lain

Dan jika sudah maka program ketika dijalankan akan tampak seperti ini :