无法禁用使用Angular.js选中的复选框的选择框

Question

我无法按照选中的复选框禁用字段，或者不使用Angular.js。 我在下面解释我的代码。

<div class="col-md-4">
            <div class="form-group">
                <label>Status</label>
                <select class="form-control" name="status"  id="status" ng-model="status" ng-disbaled="!$scope.ochkpancard && !$scope.ochkadhar">
                <option value="">Select Status</option>
                <option value="1">Yes</option>
                <option value="0">No</option>
                </select>
            </div>
        </div> 
<div class="col-md-5">
                    <div class="form-group">
                        <label><input id="ochkpancard" type="checkbox" ng-model="ochkpancard" /> Pancard</label>
                    </div>
                </div>
<div class="col-md-5">
                    <div class="form-group">
                        <label><input id="ochkadhar" type="checkbox" ng-model="ochkadhar" /> Aadhar Card</label>
                    </div>
                </div>

在这里，我需要当未选中复选框时，选择框将保持禁用状态，当选中复选框时，将启用选择框。

Answer 1

这是工作代码：

 <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller="myCtrl"> <div class="col-md-4"> <div class="form-group"> <label>Status</label> <select class="form-control" name="status" id="status" ng-model="status" ng-disabled="!(ochkpancard && ochkadhar)"> <option value="">Select Status</option> <option value="1">Yes</option> <option value="0">No</option> </select> </div> </div> <div class="col-md-5"> <div class="form-group"> <label><input id="ochkpancard" type="checkbox" ng-model="ochkpancard" /> Pancard</label> </div> </div> <div class="col-md-5"> <div class="form-group"> <label><input id="ochkadhar" type="checkbox" ng-model="ochkadhar"/> Aadhar Card</label> </div> </div> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { }); </script> </body> </html>

无法禁用使用Angular.js选中的复选框的选择框

问题描述

1 个解决方案

解决方案1
0 已采纳 2018-05-23 11:48:10

无法禁用使用Angular.js选中的复选框的选择框

问题描述

1 个解决方案

解决方案1 0 已采纳 2018-05-23 11:48:10

解决方案1
0 已采纳 2018-05-23 11:48:10