I am trying to make all checkboxes in a multiple dropdown list readonly using Angular.js with the multipledropdown.js plugin. My code snippet is as follows:
<div class="col-md-6" ng-show="sub_sub_menu">
<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right oditek-form" style="width:180px">Sub Sub Menu:</span>
<div ng-dropdown-multiselect="" options="example17data" selected-model="example17model" checkboxes="true" extra-settings="example17settings" class="form-control oditek-form" disabled=true></div>
</div>
</div>
var url3='../service/admin/user/group.php';
var method3='POST';
var data3=$.param({'action':'getAllSubSubMenuData','sub_id':$scope.smenu.value,'id':$scope.mmenu.value});
$scope.example17data=[];
DataService.connectToServerSideScript(method3,url3,data3)
.then(function(response) {
//console.log('state',response);
if (response.length >0) {
angular.forEach(response,function(obj){
var cdata={'label':obj.menu,'id':obj.id};
$scope.example17data.push(cdata);
})
angular.forEach(response,function(obj){
var data1={'id':parseInt(obj.id)};
$scope.example17model.push(data1);
})
$scope.sub_menu=true;
$scope.sub_sub_menu=true;
}else{
$scope.sub_menu=true;
$scope.sub_sub_menu=false;
}
},function(error) {
})
In this code snippet, I have implemented a multiple dropdown checkbox list where all checkboxes are initially checked. However, I am looking to make these checkboxes readonly to prevent any changes.