Нажмите кнопку, чтобы установить переключатель, нажав на модальный загрузчик в зависимости от значения

Question

У меня есть кнопка «lihat detail», когда пользователь щелкает ее, она просматривает Bootstrap Modal для отображения подробных данных.

Я хочу, чтобы значение "Jenis Kelamin" было "Laki-Laki", тогда пользователь нажимает кнопку "lihat detail", переключатель модального показа "laki-laki".

<div class="form-group">
  <label>Jenis Kelamin</label>
  <div class="form-group">
    <div class="row">
      <div class="col-md-6 col-xs-6">
        <input type="radio" id="male" name="gender" class="minimal" disabled>
        <label for="male"><i class="fa fa-mars"></i> Laki-laki</label>
      </div>
      <div class="col-md-6 col-xs-6">
        <input type="radio" id="female" name="gender" class="minimal" disabled>
        <label for="female"><i class="fa fa-venus"></i> Perempuan</label>     
      </div>
    </div>
  </div>
</div>

Кнопка редактирования

<a class="btn btn-primary btn-xs" id="lihat_detail_guru" data-toggle="modal" data-target="#modal_detail_guru" data-backdrop="static" data-nik="<?php echo $nik ?>" data-nama="<?php echo $nama ?>" data-gender="<?php echo $jenis_kelamin ?>" data-tempat_lahir="<?php echo $tempat_lahir ?>" data-tanggal_lahir="<?php echo $tanggal_lahir ?>" data-agama="<?php echo $agama ?>" data-alamat="<?php echo $alamat ?>" data-no_telp="<?php echo $no_telp ?>" data-email="<?php echo $email ?>" data-foto_guru="<?php echo $foto_guru ?>">

  <i class="fa fa-eye"></i> Lihat Detail
</a>

JQuery

$(document).on("click", "#lihat_detail_guru", function(){
    var nik = $(this).data('nik');
    var nama = $(this).data('nama');
    var gender = $(this).data('gender');
    var tempat_lahir = $(this).data('tempat_lahir');
    var tanggal_lahir = $(this).data('tanggal_lahir');
    var agama = $(this).data('agama');
    var alamat = $(this).data('alamat');
    var no_telp = $(this).data('no_telp');
    var email = $(this).data('email');
    var foto_guru = $(this).data('foto_guru');
    $("#modal_lihat_detail_guru #nik").val(nik);
    $("#modal_lihat_detail_guru #nama").val(nama);
    $("#modal_lihat_detail_guru #gender").val(gender);

    if (gender == 'laki-laki')
    {
       alert("Test");
    <!-- //    $('#male').attr('checked', 'checked') -->
       $('#male').prop('checked', true)
    }
    else
    {
    <!-- //    $('#female').attr('checked', 'checked') -->
       $('#female').prop('checked', true)
    }


    $("#modal_lihat_detail_guru #tempat_lahir").val(tempat_lahir);
    $("#modal_lihat_detail_guru #tanggal_lahir").val(tanggal_lahir);
    $("#modal_lihat_detail_guru #agama").val(agama);
    $("#modal_lihat_detail_guru #alamat").val(alamat);
    $("#modal_lihat_detail_guru #no_telp").val(no_telp);
    $("#modal_lihat_detail_guru #email").val(email);
    $("#modal_lihat_detail_guru #foto_guru").attr("src", "guru_upload/"+foto_guru);

  })

Ниже приведен предварительный просмотр, когда пользователь нажимает кнопку " lihat detail "

будет отображаться как экран ниже

, когда отображается модальный режим, следует выбрать переключатель «laki-laki», но с использованием $("#male").prop("checked", true); не делает парсинг выбранным для начальной загрузки модального

Что я пропустил?Пожалуйста, помогите исправить это.спасибо

Answer 1

$("#male").prop("checked", true); 

Код выше уже правильный, я обнаружил, что он не работает в Bootstrap Modal, потому что class="minimal" позже я удаляю класс, и проблема исправлена.

<input type="radio" id="male" name="gender" class="minimal" disabled>
        <label for="male"><i class="fa fa-mars"></i> Laki-laki</label>

Answer 2

Как насчет попробовать это

$("#male").attr('checked', 'checked');