Флажок внутри шаблона Kendo не отключается

Question

Привет я использую шаблон кендо следующим образом:

 <div id="ModelListView"></div>

    <div class="section group fr">
             #if(MODEL != null){#
                #if(ACTIVE_MODELS_COUNT  > 0 && ACTIVE_MODELS_COUNT != 'null'){#
                    <input class="ModelCheckBox" type="checkbox"  checked/>
                #}
                else {#
                    <input class="ModelCheckBox" type="checkbox" unchecked />    
                #}#
                    <label>#:MODEL#</label>
                    <label class="Model_ID" style="visibility:hidden;">#:MODEL_ID#</label>
                    @*<input class="Model_ID" type="hidden" value= #:MODEL_ID #/>*@
                #}#
        </div>
 $("#ModelListView").kendoListView({
      template: kendo.template($("#Modeltemplate").html())
 });

Я хочу отключить флажок на основе некоторых условий, но не могу это сделать.

 $(".ModelCheckBox").attr('disabled', 'disabled');

Answer 1

Помимо рекомендуемого использования prop() вместо attr()продемонстрированный ezanker, убедитесь, что вы отключили флажки после того, как они фактически отрисованы, то есть сделайте это в ListView dataBound событие (похоже на другой ваш вопрос). Также можно включить логику отключения в разметку шаблона.