我如何动态更改下拉列表中复选框基础的值

Question

我有一个表单，需要将复选框更改为选中或未选中的基于下拉列表的 int 选择。我是 PHP 和 Yii2 的初学者。

这是我的表格

<div class="npi-approval-review-form">

<?php if(!empty(Yii::$app->session->get('activity') && Yii::$app->session->get('activity')->need_signature == 'S'))$model->sign = 1; ?><?php ?>

    <?php $form = ActiveForm::begin(); ?>
        <table>
            <tbody>

            <tr>
                <td>
                    <?php if ($model->type == TypeOrigin::Aprovação): ?>
                    <?= $form->field($model, 'status')->dropDownList(StatusReview::asArray(), ['prompt'=>StatusApproval::asArray()[$model->status]]); ?>
                    <?php endif; ?>

                    <?php if ($model->type == TypeOrigin::Revisão): ?>
                        <?= $form->field($model, 'status')->dropDownList(StatusReview::asArray(), ['prompt'=>StatusReview::asArray()[$model->status]]); ?>
                    <?php endif; ?>
                </td>

                <td>&nbsp;&nbsp;&nbsp;</td>

                <td>
                    <?= $form->field($model, 'type')->textInput(['value'=>TypeOrigin::asArray()[$model->type]
                    , 'readonly' => true, 'disabled' => 'true']);?>
                </td>
            </tr>
            </tbody>
        </table>

        <?= $form->field($model, 'conclusion')->textarea(['rows' => 5, 'maxlength' => true]) ?>

        <?= $form->field($model, 'sign')->checkBox(['value'=> $model->status == '2' ? '0' : '1']) ?>

        <div class="form-group">
            <?= Html::submitButton('Salvar', ['class' => 'btn btn-success']) ?>
        </div>

    <?php ActiveForm::end(); ?>

</div>

Answer 1

首先，最好为下拉列表和复选框设置 id，

为选择设置 id 将其添加到选项参数中：

....['prompt'=>StatusReview::asArray()[$model->status,'id'=>'select_id']

然后使用这个 jquery js 你可以看到你的结果。

<script>
$("#select_id").on('change',function(){ // if dropdown with id select_id changed.
var checkbox = $("#checkbox_id"); 
if($(this).val() === 'x'){ // set checkbox checked if option equal x
    checkbox.prop('checked', true);
}else{ // else remove checked.
    checkbox.prop('checked', false);
}
})

</script>