javascript - 如果未选中复选框，如何禁用按钮

Question

我得到了以下 Angular 模板:

<tr ng-repeat="user in users">
    <td><input type="checkbox"></td>
    <td>{{user.username}}</td>
    <td>{{user.apiKey}}</td>
    <td>{{user.apiSecret}}</td>
</tr>
...
<button type="button" class="btn btn-danger"><i class="fa fa-trash-o"></i></button>

如果没有选中复选框，我如何禁用该按钮，但只要选中表格中的一个或多个复选框，我就可以启用它？

我如何确定检查了哪个表条目并访问用户数据？

Answer 1

Angular 的方式是使用 ng-disabled .作为一个例子，你可以使用这个:

ng-disabled="!checked"

!意思是做相反的事情，所以 !true == false = true

完整示例:

<td>
   <input type="checkbox" ng-model="checked"
</td> 

<button class="btn btn-danger" ng-disabled="!checked"><i class="fa fa-trash-o"></i>Submit</button>

在此处阅读有关 ng-disabled 的更多信息:

https://docs.angularjs.org/api/ng/directive/ngDisabled

什么是HTML属性checked ?

The checked attribute is a boolean attribute.

When present, it specifies that an element should be pre-selected (checked) when the page loads.

The checked attribute can be used with and <input type="radio">.

CODEPEN DEMO