在加载时默认选中Angularjs复选框,并在选中时禁用选择列表

发布时间：2020-12-17 08:42:59 所属栏目：安全来源：网络整理

导读：noob在栈溢出这里。我正在处理一个具有转移工作功能的网页。这允许用户选中复选框将作业发送回办公室，或从所有可用的列表中选择技术人员。我的问题是如何设置复选框，以便在默认情况下检查页面加载并相应地禁用选择列表。这里是我现在的代码： div ng-app="

noob在栈溢出这里。我正在处理一个具有转移工作功能的网页。这允许用户选中复选框将作业发送回办公室，或从所有可用的列表中选择技术人员。我的问题是如何设置复选框，以便在默认情况下检查页面加载并相应地禁用选择列表。这里是我现在的代码：

<div ng-app="">
  Send to Office: <input type="checkbox" ng-model="checked" ng-checked="true"><br/>
  <select id="transferTo" ng-disabled="checked">
    <option>Tech1</option>
    <option>Tech2</option>
  </select>
</div>

这里是一个jsfiddle它：http://jsfiddle.net/hugmungus/LvHJw/5/

目前，加载选中复选框的页面，但该列表未禁用。如果取消选中，然后重新检查它，列表将禁用。

谢谢您的帮助！

如果你使用ng-model，你不想也使用ng-checked。而只是将模型变量初始化为true。通常你可以在一个控制器中管理你的页面(添加一个)。在你的小提琴中，我只是在ng-init属性中进行初始化以进行演示。

http://jsfiddle.net/UTULc/

<div ng-app="">
  Send to Office: <input type="checkbox" ng-model="checked" ng-init="checked=true"><br/>
  <select id="transferTo" ng-disabled="checked">
    <option>Tech1</option>
    <option>Tech2</option>
  </select>
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!