如果选中复选框,则执行功能 - Angular

时间:2016-01-13 17:33:07

标签: html angularjs

在我的应用中,我有以下复选框

<input class="js-rooms" 
       id="checkid" 
       ng-keypress="$event.keyCode == 13 && getItem(0)" 
       ng-click="getItem(0)" 
       type="checkbox"/>

单击并检查输入后,将调用函数getItem(0)。 但是,当我再次单击该复选框并取消选中并重新提交时,显然会触发相同的函数。

我想做的事情(以最简单的方式)是在单击复选框时触发函数getItem(1),并在未单击复选框时触发getItem(0)。我正在寻找最简单的解决方案。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

在复选框中添加ng-model

对于checkBox angular, ng-true-value &amp;&amp;的 ng-false-value

喜欢这个 &#39;

<input class="js-rooms" 
       ng-model="checkid" 
       ng-keypress="$event.keyCode == 13 && setRoom(checkid)" 
       ng-click="getItem(checkid)"  
       ng-true-value="1"
       ng-false-value="0" 
       type="checkbox"/>