当我更改下拉值时如何自动检查ng-repeat复选框 [英] how to auto check in ng-repeat check box when i change dropdown values

问题描述

所有我正在使用angularjs ng-repeat我具有复选框并下拉列表绑定它，现在我需要的是当我更改下拉列表值时，意味着自动复选框将根据下拉列表的选择进行检查

hi all i am using angularjs ng-repeat i have checkbox and dropdown bind it now my need is when i change the dropdown values means automatically checkbox will check based on dropdown slection

 <div ng-repeat="BFMaterialStream in BFMaterialStreams">
   <input type="checkbox" ng-change="checkchange(BFMaterialStream.MaterialStream,$index)"
   ng-model="selection.ids[BFMaterialStream.MaterialStream]" name="group" id="BFMaterialStream.MaterialStream" />
    {{BFMaterialStream.MaterialStream}} 
        <select id="MaterialElevator" tabindex="7" required typeof="text" name="Elevator"
         form="DistanceMatrixFormId" class="form-control" 
          ng-model="ViewGetBUMaterialStream.ToElevator"
     >
     <option value=''>Select</option>
     <option ng-repeat="ViewGetBUMaterialStream in ViewGetBUMaterialStreams "
      value="{{ViewGetBUMaterialStream.ToElevator}}"
      >
     {{ViewGetBUMaterialStream.ToElevator}}
    </option>
     </select>
       </div>

https://jsfiddle.net/7MhLd/2546/

推荐答案

在<select>上使用ng-change，并在分配的函数中将复选框的ng-model值设为true.

Use ng-change on <select> and in the assigned function make the ng-model value of checkbox as true.

在复选框HTML

    <input type="checkbox" ng-change="checkchange(BFMaterialStream.MaterialStream,$index)"
       ng-model="selection.ids[BFMaterialStream.MaterialStream]" name="group" id="BFMaterialStream.MaterialStream"
ng-true-value="true" ng-false-value="false"/>

在选择HTML中

    <select id="MaterialElevator" tabindex="7" required typeof="text" name="Elevator"
            form="DistanceMatrixFormId" class="form-control" ng-model="ViewGetBUMaterialStream.ToElevator"
            ng-change="SetCheckBoxTrue(BFMaterialStream.MaterialStream)">

在JS中:

$scope.SetCheckBoxTrue= function (MaterialStream) {
   $scope.selection.ids[MaterialStream] = true;
}

这篇关于当我更改下拉值时如何自动检查ng-repeat复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！