【问题标题】:Angularjs checkbox confirmationAngularjs复选框确认
【发布时间】:2015-10-19 23:04:07
【问题描述】:

我想在有人取消选中复选框时进行确认。以下功能仅每隔一次有效。当它第一次加载它的罚款。它会调用确认,如果您取消它,则会选中该复选框。但是,如果您再次单击它,则不会发生任何事情。我确定我缺少一些简单的东西:

$scope.check = function(clickedid) { 
  if (document.getElementById(clickedid).checked === true) {
    return false;
  } else {
   var box= confirm("Are you sure you want to do this?");
    if (box===true){   // yes sure
        return true;
    }
    else{   // cancel
       document.getElementById(clickedid).checked = true;
    }
  }
};

这里是html

<lable>Checkbox
<input type="checkbox" id="check1" ng-model="active" ng-change="check('check1')">
</label>

这是jsfiddle

【问题讨论】:

    标签: angularjs checkbox confirmation


    【解决方案1】:

    因为ng-change,它正在与ng-click合作

    <lable>Checkbox
    <input type="checkbox" id="check1" ng-model="active" ng-click="check('check1')">
    </label>
    

    【讨论】:

    • 非常感谢。我知道这很简单。
    【解决方案2】:

    像这样使用ng-click 而不是ng-change

    <div ng-app="myApp">
        <div ng-controller="Ctrl">
            <label>Checkbox:
                <input type="checkbox" id="check1" ng-model="active" ng-click="check('check1')">
            </label>
        </div>
    </div>
    

    Fiddle

    【讨论】:

    • 感谢您提供的信息,但 Girdhar Singh Rathore 击败了您。希望我能接受这两个答案。
    猜你喜欢
    • 1970-01-01
    • 2012-08-03
    • 1970-01-01
    • 2016-09-03
    • 1970-01-01
    • 1970-01-01
    • 2018-01-25
    • 2016-05-31
    • 1970-01-01
    相关资源
    最近更新 更多