设置单选按钮的值后，其更改事件不起作用

Question

这是单选按钮的代码

                    <div class="col-md-6">

                        <div class="form-group">

                            <label class="radio-inline"><input type="radio" value="0" name="EditDepositType">نقد</label>

                            <label class="radio-inline"><input type="radio" value="1" name="EditDepositType">چیک</label>

                        </div>

                    </div>



                </div>

从DB

设置其值

$('input[name=EditDepositType]').val(DepositType).prop('checked','true');

改变事件

$('input[type=radio][name=EditDepositType]').change(function() {
    if (this.value === '1') {
        $('.chequeData5').show();
        $('.chequeData3').show();
        $('.chequeData4').show();
    }
    else{
        $('.chequeData5').hide();
        $('.chequeData3').hide();
        $('.chequeData4').hide();
    }

});

当我通过inspect元素设置其值后检查单选按钮时，两个单选按钮具有相同的值

Answer 1

以编程方式修改checked状态时，不会触发事件。您需要手动.trigger('change')。

$('input[name=EditDepositType]').val(DepositType)
  .prop('checked',true)
  .trigger('change');