Javascript 查看是否单击了Twitter引导复选框按钮

Javascript 查看是否单击了Twitter引导复选框按钮,javascript,angularjs,twitter-bootstrap,Javascript,Angularjs,Twitter Bootstrap,我是AngularJS的新手,需要一些帮助。我有一个按钮,如下所示,它是表单的一部分。如果没有点击按钮,我需要在提交表单时显示一个模式。如何执行此检查?我试过好几件事,但都不走运 <button ng-repeat="car in cars" btn-checkbox-false class="btn btn-default btn-block text-left" ng-click="AddRemoveCar(cars)"> <i ng

我是AngularJS的新手,需要一些帮助。我有一个按钮,如下所示,它是表单的一部分。如果没有点击按钮,我需要在提交表单时显示一个模式。如何执行此检查?我试过好几件事,但都不走运

<button ng-repeat="car in cars" btn-checkbox-false
        class="btn btn-default btn-block text-left"
        ng-click="AddRemoveCar(cars)">
    <i ng-show="carInStock(cars)"
       class="fa fa-check pull-right btn-success btn btn-xs" />
    <i ng-show="!carInStock(cars)"
       class="fa fa-plus pull-right btn-warning btn btn-xs" />
    {{car.Model}}
</button>

{{car.Model}}

我将在按钮上设置一些标志,单击并在表单提交上检查该值

在我的控制器中定义一个变量,如
btnClickedFlag=false

在按钮点击功能中:

AddRemoveCar(cars) => {
   this.btnClickedFlag = true;
}

现在在表单提交中,您只需检查
btnClickedFlag
是否为
true
,如果不在屏幕上显示模式/对话/覆盖

考虑对Twitter引导复选框使用UI引导
uib btn复选框
指令

uib btn checkbox
指令使一组Twitter引导按钮的行为类似于一组复选框

然后,submit函数可以检查与
ng model
指令绑定的模型状态

有关详细信息,请参阅


演示
angular.module('ui.bootstrap.demo',['ngAnimate','ngSanitize','ui.bootstrap']))
.controller('ButtonsCtrl',函数($scope){
$scope.checkModel={
左:错,
中:是的,
右:错
};
$scope.$watchCollection('checkModel',function(){
$scope.checkResults=[];
angular.forEach($scope.checkModel,函数(值,键){
如果(值){
$scope.checkResults.push(按键);
}
});
});
})

复选框
模型:{{checkModel}}
结果:{{checkResults}}
左边
中间的
赖特

“如果未单击按钮,则在提交表单时我需要显示一个模式。”我不知道这意味着什么。该模式提醒用户尚未单击按钮。这不是必需的,但应该让用户知道。因此,在提交表单时要进行某种验证。因此,不知何故,您需要跟踪单击的内容,并确定是否在提交时单击了某些内容。这也很奇怪,你不只是使用复选框。是的,这是正确的。那么有什么困难呢?添加提交处理程序,检查是否单击了某些内容。如果没有显示模式。如果是,让表格提交。为什么要投否决票?如果你想在投票时说几句话,那就更好了。