HTML中的JavaScript AngularJS调用函数

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个复选框。HTML中的JavaScript AngularJS调用函数

如果检查 - >调用一个函数displayBus（数量）

如果选中 - >调用其他功能displayCar（）

这段代码的问题是，我也曾经到点击隐藏或显示以调用该功能。

<input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" /> 
     <div ng-show="mycheckbox"> 
      <a style="cursor: pointer;" ng-click="displayBus(number);">hide</a> 
     </div> 
     <div ng-hide="mycheckbox"> 
      <a style="cursor: pointer;" ng-click="displayCar();">show</a> 
     </div>

但我只想检查/取消选中，然后自动调用该函数。 我不想点击隐藏或显示。

感谢您的帮助。

回答：

您可以连接最多的NG-变化的复选框，然后检查它的值：

<input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" data-ng-change="dataChanged()" />

，然后在你的JavaScript：

$scope.dataChanged = function(){ 
    if($scope.mycheckbox){ 
     //checked 
    } 
    else{ 
     //not checked 
    } 
};

编辑：

如果您只想在html中执行此操作：

<a style="cursor: pointer;" ng-click="myCheckbox ? displayBus(number) : displayCar()">hide</a>

编辑：

<input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" data-ng-change="myCheckbox ? displayBus(number) : displayCar()" />

以上是 HTML中的JavaScript AngularJS调用函数 的全部内容， 来源链接： utcz.com/qa/262505.html

回到顶部