Datepicker 字段的单选按钮选择更改值

Question

我创建了包含三个单选按钮的表单，这些单选按钮的值为 Yatim、Piatu 和 Miskin。我想选择值单选按钮 Miskin 以自动将 "tanggal meninggal bapak" 和 "tanggal meninggal ibu" 字段的值更改为 0000-00-00.
我尝试为此使用 JavaScript 但没有成功。我不知道为什么。

此代码在view/form

<?php

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
use yii\widgets\Pjax;
use yii\bootstrap\Modal;
use yii\helpers\Url;
use yii\db\ActiveRecord;
use kartik\widgets\DatePicker;

?>

<h1 align="center">Form Ubah</h2>
<?php
echo "&nbsp";
echo "&nbsp";
?>
<?php $form = ActiveForm::begin([
    'layout' => 'horizontal', 
    'enableAjaxValidation' => false,
    'id' => 'update-form',
    ]); ?>

<?= $form->field($model, 'kode_calon')->textInput(['readOnly' => true, 'style' => 'width:100px']) ?>
<?= $form->field($model, 'nama_calon')->textInput(['style' => 'width:380px']) ?>  
<?= $form->field($model, 'tempat_lahir')->textInput(['style' => 'width:380px']) ?> 
<?= $form->field($model, 'tanggal_lahir')->widget(DatePicker::classname(), [
    'options' => ['placeholder' => 'Masukkan tanggal lahir...'],
    'language' => 'id',
    'pluginOptions' => [
        'autoclose'=>true,
        'format' => 'yyyy-mm-dd'
    ]
    ]); ?>
<?= $form->field($model, 'pendidikan_terakhir')->textInput(['style' => 'width:380px']) ?>
<?= $form->field($model, 'status_anak')->radioList(array('Yatim'=>'Yatim', 'Piatu'=>'Piatu', 'Miskin'=>'Miskin')); ?>  
<?= $form->field($model, 'anak_ke')->textInput(['style' => 'width:380px', 'type' => 'number']) ?> 
<?= $form->field($model, 'dari_ke')->textInput(['style' => 'width:380px', 'type' => 'number']) ?>
<?= $form->field($model, 'alamat')->textArea(['style' => 'width: 380px']) ?>
<?= $form->field($model, 'nama_bapak')->textInput(['style' => 'width:380px']) ?>
<?= $form->field($model, 'alamat_bapak')->textInput(['style' => 'width:380px']) ?>
<?= $form->field($model, 'pekerjaan_bapak')->textInput(['style' => 'width:380px']) ?>
<?= $form->field($model, 'tanggal_meninggal_bapak')->widget(DatePicker::classname(), [
    'options' => ['placeholder' => 'Masukkan tanggal meniggal bapak...'],
    'language' => 'id',
    'pluginOptions' => [
        'autoclose'=>true,
        'format' => 'yyyy-mm-dd'
    ]
    ]); ?>
<?= $form->field($model, 'nama_ibu')->textInput(['style' => 'width:380px']) ?>  
<?= $form->field($model, 'alamat_ibu')->textInput(['style' => 'width:380px']) ?> 
<?= $form->field($model, 'pekerjaan_ibu')->textInput(['style' => 'width:380px']) ?> 
<?= $form->field($model, 'tanggal_meninggal_ibu')->widget(DatePicker::classname(), [
    'options' => ['placeholder' => 'Masukkan tanggal meninggal ibu...'],
    'language' => 'id',
    'pluginOptions' => [
        'autoclose'=>true,
        'format' => 'yyyy-mm-dd'
    ]
    ]); ?>
<?= $form->field($model, 'nama_wali')->textInput(['style' => 'width:380px']) ?>
<?= $form->field($model, 'alamat_wali')->textInput(['style' => 'width:380px']) ?> 
<?= $form->field($model, 'pekerjaan_wali')->textInput(['style' => 'width:380px']) ?>
<?= $form->field($model, 'status_ketentuan')->hiddenInput(['value'=>'Belum lolos'])->label(false); ?>

<div class="form-group">
    <div class="col-sm-offset-4">
<?= Html::submitButton('Ubah', ['class' => 'btn btn-primary']) ?>

<?php
echo "&nbsp";
echo "&nbsp"; 
echo Html::a('Keluar', ['index'],[
    'class'=>'btn btn-success',
    'onclick' =>'$("#calonModal").modal("hide");
    return false;'
    ]);
?>
<?php ActiveForm::end();?>

<?php
$this->registerJs(' 
(function() {
  $("#Miskin").change(function() {
    if ($("#Miskin").is(":checked")) {
      $("#tanggal_meninggal_bapak").attr("readonly",true);
      $("#tanggal_meninggal_ibu").attr("readonly",true);
      $("#tanggal_meninggal_bapak", "#tanggal_meninggal_ibu").datepicker( {value:"0000-00-00",dateFormat: "yyyy-MM-dd" });
    } 
  });
});
');
?>

Answer 1

<?= $form->field($model, 'tanggal_meninggal_bapak')->widget(DatePicker::classname(), [
'options' => ['placeholder' => 'Masukkan tanggal meniggal bapak...', 'id'=>'bapak'],
'language' => 'id',
'pluginOptions' => [
    'autoclose'=>true,
    'format' => 'yyyy-mm-dd'
]
]); ?>
<?= $form->field($model, 'tanggal_meninggal_ibu')->widget(DatePicker::classname(), [
'options' => ['placeholder' => 'Masukkan tanggal meninggal ibu...', 'id'=>'ibu'],
'language' => 'id',
'pluginOptions' => [
    'autoclose'=>true,
    'format' => 'yyyy-mm-dd'
]
]); ?>


/*js*/
$("input[type=radio]").change(function() {
    var isi          = this.value;
    if(isi == "Miskin"){
       $('#bapak').val("0000-00-00");
       $('#ibu').val("0000-00-00");
       $("#bapak").attr("disabled",true);
       $("#ibu").attr("disabled",true);
    }
});

Datepicker 字段的单选按钮选择更改值

Radio button selection changing value of Datepicker field

javascript

radio-button

yii

yii2

active-form