【问题标题】:Checkbox value is not updating?复选框值未更新?
【发布时间】:2018-04-05 03:30:07
【问题描述】:

这是一个问题。当我检查所有时,所有复选框都设置为真,但是如果某些记录,我取消选中其中一个记录,则所有复选框都应该取消选中。它在 plunker 中工作但不在我的工作空间中,有什么原因吗?这是 plunker 网址https://plnkr.co/edit/9JeIuP1jC5hOG5hTpSZV?p=preview

            <div class="row">                                 
            <div class="col-md-4 col-sm-4 col-xs-4">
          <label>
            <input type="checkbox" ng-click="isAllRecordSelected()"
                    ng-
           model="isAllSelectedForSMS">All{{isAllSelectedForSMS}}
          </label>
    </div>

    <div class="col-md-4 col-sm-4 col-xs-4"> Mobile</div>
    <div class="col-md-2 col-sm-2 col-xs-2">Name</div>
  </div>
  <div class ="row"
  ng-repeat="friend in friends">

    <div class="col-md-4 col-sm-4 col-xs-4">
      <label> <input type="checkbox" 
         ng-model="friend.selected"
        ng-change="userSelectedToggle()">
      </label>
    </div>
     <div class="col-md-4 col-sm-4 col-xs-4"> {{friend.mobile}}</div>
     <div class="col-md-2 col-sm-2 col-xs-2">{{friend.name}}</div>
  </div>

【问题讨论】:

  • 我从 plunker 复制粘贴了我最后的整个代码,它对我来说工作正常...您可以尝试清除浏览器缓存并重试吗?

标签: angularjs checkbox


【解决方案1】:

改正你的html

<input type="checkbox" ng-click="isAllRecordSelected()"
                    ng-model="isAllSelectedForSMS">All{{isAllSelectedForSMS}}
          </label>

ngmodel 替换为ng-model

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-06-20
    • 1970-01-01
    • 2018-01-29
    • 1970-01-01
    • 2019-02-02
    • 2014-01-12
    • 1970-01-01
    • 2010-11-03
    相关资源
    最近更新 更多