Question

<label><input type="checkbox" value="{{item}}" data-ng-model="untilcancelled" ng-init="untilcancelled=true"/>Until Cancelled</label>
<input type="text" ng-if="!untilcancelled" sipenddate data-ng-model="item.SIPTo" readonly/>

我有一个复选框，选中后我必须将默认值指定给item.SIPTo。否则，如果未选中，我想启用与item.SIPTo不同的输入。给定的文本框是Datepicker

Answer 1

使用ng-change复选框，检查'untilcancelled'的值。然后更新你的'item.SIPTo'

<label><input type="checkbox" ng-change="updateItem()" value="{{item}}" data-ng-model="untilcancelled" ng-init="untilcancelled=true"/>Until Cancelled</label>

//controller function
$scope.updateItem = function() {
    if($scope.untilcancelled) {
    // check here
    }
}

Answer 2

切换（仅限真/假）

＆＃13;

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {

  $scope.MyScopeModel = {
    Selected: true,

  };


});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.min.js"></script>


<div ng-app="myApp" ng-controller="myCtrl">
  <input type="checkbox" id="chkToggleId" name="chkToggleName" ng-model="MyScopeModel.Selected" />

  <label ng-if="MyScopeModel.Selected" for="chkToggleId">
    I am selected
  </label>
  <label ng-if="!MyScopeModel.Selected" for="chkToggleId">
    I am not selected
  </label>

  <br>
  <br>Check box value : {{MyScopeModel.Selected}}


  



</div>

＆＃13;

如何使用复选框分配和删除ng-model的值？

2 个答案: