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

Question

我已经创建了带有三个单选按钮的表单，其值分别为Yatim ， Piatu和Miskin 。 我想选择“值”单选按钮Miskin ，将“ tanggal meninggal bapak”和“ tanggal meninggal ibu”字段的值自动更改为0000-00-00 。
我试图为此使用JavaScript，但没有成功。 我不知道为什么

此代码以视图/形式显示

 <?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);
    }
});