html - 将 knockout 复选框标签 css-cursor 从指针设置为不允许

Question

当 SelectAllActiveEnabled 为真时，复选框可点击且 css 光标值为指针。当 SelectAllActiveEnabled 评估为 false 时，复选框不可点击，但 css 光标值仍然是指针。如何将其设置为不允许？

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

Answer 1

如果您正在寻找“纯粹的 knockout ”解决方案，您应该像这样使用 style 绑定(bind):

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

您必须将 cursorForCheckbox 引入您的 View 模型。像这样:

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