Selasa, 13 Juli 2010

CHECKBOX vs OPTIONBUTTON

CHECKBOX vs OPTIONBUTTON




CheckBox dan OptionButton hampir memiliki persamaan struktur pada komponennya masing-masing. Namun pastinya keduanya memiliki perbedaan yang menonjol.


Pada CheckBox, Anda dapat memilih berapapun pilihan yang tersedia. Tetapi pada OptionButton Anda hanya diperbolehkan untuk memilih salah satu saja dari sekian pilihan. Inilah yang menjadi perbedaan mendasar dari penggunaan kedua komponen tersebut.




CheckBox


CheckBox biasa digunakan sebagai komponen untuk sebuah pilihan yang dimungkinkan untuk memilih sebagian atau seluruh dari pilihan-pilihan yang diajukan. Misal, jika Anda ditanya oleh seseorang apakah Anda menyukai masakan Jepang atau masakan asli Indeonesia ? maka Anda bisa menjawab salah satu saja (bisa masakan Jepang atau masakan Indonesia saja) atau Anda juga bisa menjawab " Saya suka kedua-duanya".


Dari contoh di atas terlihat bahwa pilihan yang diajukan dapat dipilih semuanya atau dapat dipilih sebagian saja. Untuk lebih jelasnya, akan diulas dengan contoh-contoh di bawah ini :


Contoh 1 :


Dalam kasus, Anda ingin membeli sebuah alat elektronik yang Anda sukai, lalu Anda dihadapkan kepada pilihan-pilihan yang cukup banyak, misal KeyBoard, Mouse atau Webcam. Namun Anda dapat memilih kesemua barang elektonik tersebut atau salah satu diantara ketiganya.



Disainlah sebuah form untuk mendeskripsikan kasus di atas dengan ketentuan sebagai berikut :


41.JPG


Desain form akan tampak pada gambar di bawah ini :





Terlihat dari form di atas bahwa setiap CheckBox yang dipilih, harus dibarengi dengan penginputan jumlah dari masing-masing barang yang dipilih.


Ketentuan lain mengenai harga masing-masing dari jenis barang :


42.JPG




Ketik sintak-sintak di bawah ini :


43.JPG


Setelah itu, pastikan ketika mengetik sintak-sintak di atas tidak terjadi kesalahan, sehingga tidak akan menimbulkan error pada saat running.



Hasil eksekusi yang benar dapat dilihat pada gambar di bawah ini :



Semua Jenis barang dipilih



Memilih beberapa jenis barang





Memilih satu jenis barang saja



44.JPG


45.JPG


OptionButton


Berbeda dengan CheckBox, OptionButton biasa digunakan sebagai komponen untuk sebuah pilihan yang dimungkinkan untuk memilih salah satu saja dari banyak pilihan yang diajukan. Misal, jika Anda mengisi sebuah formulir pendaftaran, di sana ada pilihan jenis kelamin, laki-laki atau perempuan. Maka Anda tidak mungkin untuk memilih keduan pilihan tersebut, pastinya Anda hanya akan memilih salh satu dari keduanya.


Perhatikan contoh di bawah ini :


Contoh 2 :


Kasus sama dengan contoh 1 di atas, namun karena alasan tertentu, Anda hanya boleh memilih salah satu saja dari barang elektronik.


Disainlah sebuah form untuk mendeskripsikan kasus di atas dengan ketentuan sebagai berikut :


46.JPG


Desain form akan tampak pada gambar di bawah ini :





Ketik sintak-sintak di bawah ini :


47.JPG


Sintak-sintak di atas menggunakan struktuk IF yang sudah dibahas pada bagian sebelumnya.


Hasil eksekusi yang benar dapat dilihat pada gambar di bawah ini :



Hanya Keyboard dipilih



Hanya Mouse yang dipilih



Hanya Webcam yang dipilih


48.JPG


CheckBox vs OptionButton


Seperti yang telah dijelaskan di atas, kedua komponen ini memiliki perbedaan mendasar yaitu pada cara pemilihan terhadap sesuatu. Pada CheckBox pemilihan terhadap sesuatu boleh memilih salah satu, sebagian atau semua pilihan yang diajukan, sedangkan pada OptionButton pemilihan terhadap sesuatu hanya boleh memilih salah satu saja dari keseluruhan pilihan yang diajukan.



Contoh 3 :


Pada kasus, Anda adalah seorang Pelajar yang ingin mengikuti kursus IT guna meningkatkan kemampuan Anda dalam bidang IT, dalam kursus tersebut Anda dapat mengikuti tidak hanya satu kursus tetapi juga Anda dapat mengikuti lebih dari satu kursus. Pada kursus tersebut terdapat Golongan yang menentukan potongan biaya kursus untuk setiap Jenis Kursus yang diikuti .



Disainlah sebuah form untuk mendeskripsikan kasus di atas dengan ketentuan sebagai berikut :


49.JPG


Ketentuan lain:


50.JPG




Desain form akan tampak pada gambar di bawah ini





Ketik sintak di bawah ini dengan benar :



51.JPG



52.JPG



53.JPG


Hasil eksekusi sebagai berikut :




Golongan GOLD




Golongan PREMIUM




54.JPG




55.JPG




56.JPG



57.JPG


4 komentar:

  1. agan, kalo misal saya bikin 4 buah check box, lalu saya mau nampilih caption dari checkbox ke dalam satu label,
    nanti biar hasilnya di label berbentuk vertikal(list ke bawah) gimana tuh?

    misal hasil:
    aku
    kamu
    dia

    hasil bukan begini:
    aku kamu dia

    itu gimana ya?

    BalasHapus
  2. kalo tanpa tombol hitung langsung keluar harganya di textbox gimana listingnya gan?

    BalasHapus
  3. Gan tolong bantuan buat pilihan :
    bisa gak chekbox itu di masukan kedalam textbox. supaya bisa di naikkan dan di turunkan untuk pilahannya...
    misal :
    Chek1 : G1
    Check2 :G2

    jadi bisa di turun dan di naikan untuk pilihannya...
    tolong Gan????

    BalasHapus