ノックアウトチェックボックスラベルcss-cursorからポインタを無効にする

Question

SelectAllActiveEnabledがtrueの場合、チェックボックスはクリック可能で、cssカーソル値はポインタです。 SelectAllActiveEnabledがfalseに評価されるとき、チェックボックスはクリック可能ではなく、カーソル値はまだポインタです。どのように私はそれを許可されないように設定するのですか？あなたは、このように結合styleを使用する必要があります「純粋なノックアウト」解決策を探しているなら

<label> 
    <input type="checkbox" data-bind="checked: selectAllActiveReleases, enable: SelectAllActiveEnabled" /> 
    @Html.GetTranslation(Center.Infrastructure.TranslationSources.Center_Web_Orders_ReleaseFull_ReleaseOverview_LabelSelectAllActiveReleases) 
</label> 

Answer 1

：

<input type="checkbox" data-bind="checked: selectAllActiveReleases, enable: SelectAllActiveEnabled, style:{'cursor': cursorForCheckbox()}" /> 

あなたはあなたのビューモデルにcursorForCheckboxを導入する必要があります。このようなもの：

self.cursorForCheckbox = ko.pureComputed(function() {return self.SelectAllActiveEnabled() ? 'pointer' : 'not-allowed';});