Masino Sinaga

Web Development and PHPMaker

Anda di sini: Beranda / PHPMaker / Mengaktifkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker
Mengaktifkan TextBox Saat ComboBox Terpilih di Aplikasi Web dari PHPMaker
Mengaktifkan TextBox Saat CheckBox Tercentang di Aplikasi Web dari PHPMaker

Mengaktifkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker

Rab, 9 Juli 2014 oleh Masino Sinaga 4 Komentar

Masih ingat dengan artikel sebelumnya Mengaktifkan TextBox Saat CheckBox Tercentang di Aplikasi Web dari PHPMaker yang membahas mengenai betapa mudahnya Anda sebagai Web Developer menambahkan kode untuk menerapkan business-logic yang dijalankan di sisi browser Pengguna? Di artikel tersebut, Anda dapat mengaktifkan TextBox tertentu berdasarkan status CheckBox di atasnya yang tercentang.

Nah, di artikel berikut ini kita masih membahas contoh kasus yang sama. Tapi kali ini kita menggunakan control Radio Button, menggantikan control CheckBox. Untuk menerapkan hal ini, maka Anda cukup mengganti tipe control field AndaMhs dari yang sebelumnya CheckBox menjadi Radio Button melalui menu: Fields setup -> Edit Tag pada project PHPMaker yang bertalian.

Sedangkan untuk kode yang sebelumnya terdapat di Client Scripts -> Table-Specific -> Add/Copy Page -> Startup Script dan Client Scripts -> Table-Specific -> Edit Page -> Startup Script (jika ada), silahkan diganti masing-masing menjadi seperti yang di bawah ini:

$(document).ready(function() {
    // Kondisi saat Form di-load
    if($('input[name=x_AndaMhs]:radio:checked').val()=="Y"){
        $('#x_NamaMhs').removeAttr('disabled');
    } else {
        $('#x_NamaMhs').attr('disabled','disabled'); 
    }
    // Kondisi saat Radio Button diklik
    // $('input[type="radio"]').click(function(){
    $('input[name=x_AndaMhs]:radio').click(function(){
        if($(this).attr("value")=="N"){
            $('#x_NamaMhs').attr('disabled','disabled'); 
            $('#x_NamaMhs').val('');
        } else {
            $('#x_NamaMhs').removeAttr('disabled');
            $('#x_NamaMhs').focus();
        } 
    });
}); 

Terakhir, jangan lupa men-generate ulang semua file scripts, lalu jalankan ulang Aplikasi Web tersebut melalui browser untuk mencoba hasilnya.

Dalam contoh kode tadi, kita hanya cukup mengubah dua baris kode saja (silahkan Anda bandingkan sendiri dengan contoh kode yang terdapat di artikel sebelumnya).

Karena sekarang kita menggunakan control Radio Button, maka pemeriksaan kondisi menggunakan nilai pilihan control Radio Button yang terpilih; apakah N atau Y. Jika nilai yang terpilih adalah N, maka TextBox di bawahnya akan non-aktif atau disabled, sebaliknya jika yang terpilih adalah Y, maka TextBox di bawahnya menjadi aktif atau enabled.

Betapa mudahnya menerapkan business-logic dari sisi browser Pengguna pada Aplikasi Web yang dihasilkan oleh PHPMaker, bukan? 🙂

Ditempatkan di bawah: PHPMaker Ditag dengan:checked, Client Scripts, PHPMaker Indonesia, radio, Radio Button, Startup Script, Tutorial PHPMaker

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com, ilovephpmaker.com, dan phpmakerprojects.com.

Mengaktifkan TextBox Saat ComboBox Terpilih di Aplikasi Web dari PHPMaker
Mengaktifkan TextBox Saat CheckBox Tercentang di Aplikasi Web dari PHPMaker

Komentar

  1. Bahrian mengatakan

    Kam, 10 Juli 2014 pada 2:46 pm

    Sore Master Masino,
    untuk tips “Mengaktifkan TextBox Saat Radio Button Terpilih” sudah di test dan bisa berjalan lancar.
    Tapi untuk yang “Mengaktifkan TextBox Saat CheckBox Tercentang” terjadi masalah yaitu ketika fitur Confirm saya aktifkan. Data yang yang sudah saya isikan pada TextBox, ketika tombol confirm saya klik, malah membuat data pada Textbox hilang. Lalu saya cek ulang dengan melihat pada List Page dan ternyata memang benar data pada TextBox hilang, yang ada hanya ada data hasil centangan CheckBox.

    Bisa tolong di cek Master?? Apa ada yang salah ya di saya??

    Balas
    • Masino Sinaga mengatakan

      Kam, 10 Juli 2014 pada 3:24 pm

      Tinggal hapus saja baris kode yang ini:

      $('#x_NamaMhs').val('');
      
      Balas

Trackbacks

  1. Menampilkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker – Masino Sinaga berkata:
    Sab, 12 Juli 2014 pukul 8:26 am

    […] ingat dengan artikel Mengaktifkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker? Artikel itu membahas bagaimana mudahnya Web Developer menerapkan business-logic di sisi browser. […]

    Balas
  2. Mengenal Client Scripts di PHPMaker : IlmuKomputer.Com berkata:
    Rab, 27 Agustus 2014 pukul 10:07 am

    […] Mengaktifkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker […]

    Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Pos-pos Terbaru

  • ReadOnly vs Disabled, Sebaiknya Pilih yang Mana?
  • Mudahnya Menghilangkan Search Operator pada Extended dan Advanced Search di PHPMaker 2024
  • Masino Extensions untuk PHPMaker 2024 Sudah Dirilis, Silahkan Download!
  • Fitur-Fitur Masino Extensions untuk PHPMaker 2024
  • Review PHPMaker 2024

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Auto Fill yang Fleksibel di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021
  • achmad pada Auto Fill yang Fleksibel di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021
  • Masino Sinaga pada Menyisipkan Kode Saat Baris Record Ditampilkan di Aplikasi Web dari PHPMaker
  • Shandy pada Menyisipkan Kode Saat Baris Record Ditampilkan di Aplikasi Web dari PHPMaker
  • Masino Sinaga pada Menyisipkan Kode Saat Baris Record Ditampilkan di Aplikasi Web dari PHPMaker

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Projects
  6. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2023 | WordPress | Catat masuk | Kembali ke atas