Как показать (или нет) флажок динамически в зависимости от другого значения формы?

Question

Моя цель - создать флажок в этой форме, но показывать его только в зависимости от значения раскрывающегося списка.

{
    //this is the drop down list value
    key: false, label: 'T.Expediente', name: 'COD_DPTO_ORIGEN', editable: true,
    edittype: 'select', /*editoptions: { value: $scope.settings.cbGridCodTipExpOp },*/ formatter: 'select', width: 5,
    editrules: { required: false }, editoptions: { 'class': 'bg-required' },
                },
{
    //and this is the checkbox I had to create
    key: false, label: 'Colaborativo', name: 'FLAG_COLABORATIVO', hidden: true, editable: true, edittype: 'checkbox',
    formoptions: { label: '¿Colaborativo?' },
    editrules: { edithidden: true },
    editoptions: { value: "1:0", defaultValue: "0" },
},

Этот флажок следует отображать только в том случае, если значение раскрывающегося списка равно«13».

Эта форма появляется, когда пользователь решает добавить новый регистр в определенную таблицу.

Извините, я кое-что изменил, потому что не могу это показать, но они не имеют никакого отношения к моему вопросу

showNavGrid: true,      // Muestra o no Navgrid.
navTools: { add: true, edit: true, del: true, view: true, refresh: true, search: false },
prmAdd: {
    closeOnEscape: true, closeAfterAdd: true, recreateForm: true,
    id: 'ROWID',
    url: AtUrlValue.XXXXXXXXX
    editData: { __RequestVerificationToken: $rootScope.sAntiForToken },
    beforeShowForm: function (form) {

        $('#xxxxxx', form).show();
        $('#xxxxxx', form).hide();
        $('#xxxxxx', form).attr("disabled", false);
        $('#tr_' + 'xxxx', form).hide();


        //THIS is what i've tried
        if ( $('#COD_DPTO_ORIGEN').val() == "13" ) {
            $('#tr_FLAG_COLABORATIVO', form).show();
            }
        else {
            $('#tr_FLAG_COLABORATIVO', form).hide();
            }

    },

Это работает так, как я это сделално он входит только в if, когда страница загружается, как это происходит при событии beforeShowForm.Но я не знаю, как сделать это динамически, спасибо!

Answer 1

вы можете прослушать событие изменения в списке

$(document).on('change', '#tr_FLAG_COLABORATIVO', function(e){
  //add your code
});