Masino Sinaga

Web Development and PHPMaker

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

Menampilkan TextBox Saat CheckBox Tercentang di Aplikasi Web dari PHPMaker

Jum, 11 Juli 2014 oleh Masino Sinaga 2 Komentar

Jika Anda sudah pernah membaca artikel Mengaktifkan TextBox Saat CheckBox Tercentang di Aplikasi Web dari PHPMaker yang membahas mengenai betapa mudahnya Anda sebagai Web Developer mengaktifkan control TextBox berdasarkan event atau nilai yang terpilih di control CheckBox, maka di artikel yang ini kita akan membahas bagaimana mudahnya Anda menampilkan atau menyembunyikan elemen TextBox tersebut daripada mengaktifkan atau menonaktifkannya.

Supaya lebih mudah, maka kita menggunakan contoh kasus yang sama dengan yang terdapat di artikel di atas tadi. Untuk itu, pastikan tipe control field AndaMhs sudah menggunakan tipe CheckBox melalui menu: Fields setup -> Edit Tag pada project PHPMaker yang bertalian.

Sedangkan untuk kode yang sebelumnya terdapat pada bagian Startup Script yang masing-masing berada di bawah lokasi 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[]']:checked").val()){
		$('#r_NamaMhs').show();
	} else {
		$('#r_NamaMhs').hide();
	}
	// Kondisi saat CheckBox diklik
	$('input:checkbox[name="x_AndaMhs\[\]"]').click(function() {
		if (!$(this).is(':checked')) {
			$('#x_NamaMhs').val('');
			$('#r_NamaMhs').hide();
		} else {
			$('#r_NamaMhs').show();
			$('#x_NamaMhs').focus();
		}
	});
});

PHPMaker akan menambahkan id untuk setiap baris record dengan menggunakan awalan (prefix) r_ yang diikuti dengan nama Field yang bertalian. Dalam contoh kode tadi, maka untuk menyembunyikan control Label beserta TextBox untuk field NamaMhs, maka kita menggunakan nama r_NamaMhs.

Hehehe…, luar biasa banyaknya kemudahan yang sudah disediakan oleh PHPMaker, ya? 🙂

Ditempatkan di bawah: PHPMaker Ditag dengan:Client Scripts, hide, PHPMaker Indonesia, show, 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.

Menampilkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker
Mengaktifkan TextBox Saat ComboBox Terpilih di Aplikasi Web dari PHPMaker

Komentar

  1. Rijal mengatakan

    Sel, 14 April 2020 pada 1:19 pm

    kalau kondisi nya antar Checkbox bagaimana ya bang Masino ?
    misal kan :
    Field A = Checkbox
    Field B = Checkbox
    Field C = Textbox
    hasil yang diharapkan, ketika “Field A” di Centang –> “Field B” otomatis juga ikut tercentang,
    saya coba beberapa kali belum bisa, contoh kode seperti ini :

        // Kondisi saat CheckBox diklik
        $('input:checkbox[name="x_filedA\[\]"]').click(function() {
            if (!$(this).is(':checked')) {
                $('#x_fieldB').val('');
    			
            } else {
               
    	   $(("'#x_filedB')':checked'");
                $('#x_filedC').focus();
            }
        });
    });
    
    Balas
    • Masino Sinaga mengatakan

      Ming, 24 Mei 2020 pada 7:44 pm

      Coba cek ulang lagi kode Anda di atas. Sepertinya ada yang tidak konsisten di kode tersebut, apakah menggunakan filed atau field?

      Tekan [F12] lalu cek di bagian Console apakah ada pesan error Javascript?

      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

  • Mudahnya Mengubah Nilai Delay Auto Hide Success Message di PHPMaker 2025
  • Mudahnya Berpindah Layout dari Table ke Cards di Halaman List lewat PHPMaker 2025
  • Jangan Lupa Pakai AdjustSql Saat Insert atau Update Data Lewat ExecuteStatement
  • File-File yang Wajib Diperhatikan Setelah Menambah Item User Values di PHPMaker 2025
  • Begini Cara Memuat Tables dari Database Secara Dinamis di PHPMaker 2025

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Mudahnya Menyesuaikan Timezone di Calendar Report pada PHPMaker 2023
  • Nano pada Mudahnya Menyesuaikan Timezone di Calendar Report pada PHPMaker 2023
  • Charly pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Charly pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023
  • Masino Sinaga pada Mudahnya Menyembunyikan Tombol Master/Detail di Halaman View pada PHPMaker 2023

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 - 2025 | WordPress | Catat masuk | Kembali ke atas