我有一个行数不同的表。
<table>
<thead>
<tr>
<th class="text-center">Name</th>
<th class="text-center">Select Supervisor</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="employeeInfo in employees" class="ng-cloak text-center">
<td>{{employeeInfo.name}} {{employeeInfo.lastname}}</td>
<td>
<label><input type="radio" ng-model="employeeInfo.attributes[0].value" ng-value="true" ng-change="updateEmployeeAttribute(employeeInfo)">Approve</label>
<label><input type="radio" ng-model="employeeInfo.attributes[0].value" ng-value="false" ng-change="updateEmployeeAttribute(employeeInfo)">Reject</label>
</td>
</tr>
</tbody>
</table>
<div>
<a id="Approve" class="btn btn-primary" ng-click="approveSupervisorChanges()">Submit</a>
</div>
其中一列包含单选按钮“批准”和“拒绝”
如何要求用户必须在所有行中选择单选按钮才能提交?
我尝试了这个解决方案 Validate Radio Button AngularJS通过添加
ng-required="!employeeInfo.attributes[0].value"
但是似乎接受是一个要求,如果选择拒绝我无法提交
最佳答案
您可以简单地放置必需的属性:
<label><input type="radio" required ng-model="employeeInfo.attributes[0].value" ng-value="true" ng-change="updateEmployeeAttribute(employeeInfo)">Approve</label>
<label><input type="radio" required ng-model="employeeInfo.attributes[0].value" ng-value="false" ng-change="updateEmployeeAttribute(employeeInfo)">Reject</label>
关于javascript - 如何使动态创建的单选按钮成为必需的 - AngularJs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39098227/