前后端交互中出现的问题(七)
触发事件 ..checked
//退票标识触发事件 vm.refundStatusChange = function () { if (vm.data.refundStatus == 'T' || vm.data.refundStatus == 'F') vm.data.refundFee = 0; }; //NoShow退票触发事件 vm.refNoshowChange = function () { if (vm.data.refNoshow == 'T' || vm.data.refNoshow == 'F') vm.data.refNoshowFee = 0; }; //改期标识触发事件 vm.changesStatusChange = function () { if (vm.data.changesStatus == 'T' || vm.data.changesStatus == 'F') vm.data.changesFee = 0; }; //NoShow改期触发事件 vm.revNoshowChange = function () { if (vm.data.revNoshow == 'T' || vm.data.revNoshow == 'F') vm.data.revNoshowFee = 0; };
页面上的代码
<div class ="col-md-6"> <label class="distance">退票标识</label> <select ng-model='vm.data.refundStatus' ng-change="vm.refundStatusChange()"> <option value="T">不可退</option> <option value="H">收费退</option> <option value="F">免费退</option> </select> <input type="number" ng-model="vm.data.refundFee" ng-disabled="vm.data.refundStatus!='H'" step="0.01" class="inputNumber"> </div> <div class ="col-md-6" > <label class="distance">NoShow退票</label> <select ng-model='vm.data.refNoshow' ng-change="vm.refNoshowChange()"> <option value="T">不可退</option> <option value="H">收费退</option> <option value="F">免费退</option> </select> <input type="number" ng-model="vm.data.refNoshowFee" step="0.01" ng-disabled="vm.data.refNoshow!='H'" class="inputNumber"> </div>