Angularjs复选框确认

时间:2015-07-29 06:09:00

标签: angularjs checkbox confirmation

我想确认有人取消选中复选框。以下功能仅在每隔一段时间起作用。当它第一次加载它的罚款。它会调用确认,如果您取消确认,则会选中复选框。但如果你再次点击它就没有任何反应。我确信我缺少一些简单的东西:

$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

2 个答案:

答案 0 :(得分:3)

由于ng-change,它正在使用ng-click

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

答案 1 :(得分:0)

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

<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