[英]How to set input field value when check box is checked using Angular.js
[英]Could not disabled select box as per check box checked using Angular.js
我無法按照選中的復選框禁用字段,或者不使用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>
在這里,我需要當未選中復選框時,選擇框將保持禁用狀態,當選中復選框時,將啟用選擇框。
這是工作代碼:
<!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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.