除非填充文本字段,否则复选框呈灰色显示

发布于 2025-01-13 23:13:52 字数 938 浏览 1 评论 0原文

我有一个要求,我需要将启用(复选框按钮)灰显,直到文本框被填充,一旦我们在文本框中输入任何内容,签出按钮就应该启用它。

output

HTML、Angular.js 和 Webobject 中的编码

   <div class="carbon-copy-text"
     *ngIf="ticketItem.clientCcEnabled">
  <whd-autocomplete *ngIf="ticketItem.preference.allowUserLookupByClient; else autocompleteBlock"
                    [textBoxValue]="carbonCopy"
                    [itemSource]="userLookupSource"
                    (onAutoCompleteSearchChange)="searchForClients($event)"
                    (onAutoCompleteSelectionChange)="emitCarbonCopyEmails($event)">
  </whd-autocomplete>
  <div class="carbon-copy_enabled">
    <nui-checkbox [value]="getCarbonCopyState()"
                  [checked]="getCarbonCopyState()"
                  (valueChange)="changeCarbonCopyEnable($event)">
      Enabled
    </nui-checkbox>
  </div>

I have a requirement where I need to gray out Enabled(checkbox button) until the textbox is filled once we enter anything in the textbox checkout button should enable it.

output

Coding in HTML, Angular.js and Webobject

   <div class="carbon-copy-text"
     *ngIf="ticketItem.clientCcEnabled">
  <whd-autocomplete *ngIf="ticketItem.preference.allowUserLookupByClient; else autocompleteBlock"
                    [textBoxValue]="carbonCopy"
                    [itemSource]="userLookupSource"
                    (onAutoCompleteSearchChange)="searchForClients($event)"
                    (onAutoCompleteSelectionChange)="emitCarbonCopyEmails($event)">
  </whd-autocomplete>
  <div class="carbon-copy_enabled">
    <nui-checkbox [value]="getCarbonCopyState()"
                  [checked]="getCarbonCopyState()"
                  (valueChange)="changeCarbonCopyEnable($event)">
      Enabled
    </nui-checkbox>
  </div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文