jQuery

$(document).ready(function(){
    // Load functional DataTable
    $("#tbl_pengguna").DataTable();

    $("sup#tampilkan_jabatan").click(function(){
        $("div#jabatan2").toggle('400');
    });

    $("sup#tampilkan_jeniskelamin").click(function(){
        $("div#jenis_kelamin2").toggle("400");
    });

    // Display form ganti data pengguna
    $(".btn-edit").click(function(){
        var myIdPengguna   = $(this).data("id");
        var myJenisKelamin = $(this).data("jk");
        var myNamaLengkap  = $(this).data("nama");
        var myNamaRoles    = $(this).data("roles");
        var myEmail        = $(this).data("email");
        var myAlamat       = $(this).data("alamat");
        var myTelepon      = $(this).data("telepon");
        var myHandphone    = $(this).data("handphone");
        var myIdJabatan    = $(this).data("idjabatan");
        var myNamaJabatan  = $(this).data("namajabatan");
        var myTempatLahir  = $(this).data("tempatlahir");
        var myTanggalLahir = $(this).data("tanggallahir");

        if(myEmail         == ""){$("#ganti_emailid").val("-");}else{$("#ganti_emailid").val(myEmail);}
        if(myAlamat        == ""){$("#ganti_alamatid").val("-");}else{$("#ganti_alamatid").val(myAlamat);}
        if(myTelepon       == ""){$("#ganti_teleponid").val("-");}else{$("#ganti_teleponid").val(myTelepon);}
        if(myNamaRoles     == ""){$("#ganti_namarolesid").val("-");}else{$("#ganti_namarolesid").val(myNamaRoles);}
        if(myHandphone     == ""){$("#ganti_handphoneid").val("-");}else{$("#ganti_handphoneid").val(myHandphone);}
        if(myIdPengguna    == ""){$("#ganti_idpenggunaid").val("-");}else{$("#ganti_idpenggunaid").val(myIdPengguna);}
        if(myTempatLahir   == ""){$("#ganti_tempatlahirid").val("-");}else{$("#ganti_tempatlahirid").val(myTempatLahir);}
        if(myNamaLengkap   == ""){$("#ganti_namalengkapid").val("-");}else{$("#ganti_namalengkapid").val(myNamaLengkap);}
        if(myTanggalLahir  == ""){$("#ganti_tanggallahirid").val("-");}else{$("#ganti_tanggallahirid").val(myTanggalLahir);}
        $("input[type=radio]#ganti_jabatanid").attr("checked", "checked").val(myIdJabatan);$("#nama_jabatan").html(myNamaJabatan);
        if(myJenisKelamin  == "Pria"){
            $("input[type=radio]#ganti_jeniskelaminid").attr("checked", "checked").val(myJenisKelamin);$("#nama_jeniskelamin").html(myJenisKelamin);
        }else{
            $("input[type=radio]#ganti_jeniskelaminid").attr("checked", "checked").val(myJenisKelamin);$("#nama_jeniskelamin").html(myJenisKelamin);
        }
    });

});