gpt4 book ai didi

javascript - AngularJS 输入检查/取消检查有 2 个函数

转载 作者:行者123 更新时间:2023-11-28 13:28:46 25 4
gpt4 key购买 nike

我有一个复选框。

检查 -> 调用displayStuff();

取消选中 -> 调用hideStuff();

我尝试了类似的方法,但它不起作用:

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

感谢您的帮助!

最佳答案

你可以尝试这样的事情。调用函数并确定“mycheckbox”的值

function ctrl ($scope) {

function displayStuff(){
alert("display");
}

function hideStuff() {
alert("hide stuff");
}

$scope.checkClick = function(){
if($scope.mycheckbox== false)
hideStuff();
else
displayStuff();
}

}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="" ng-controller="ctrl">

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

</body>

但是,如果您所做的只是隐藏/显示内容,更好的方法是简单地用 ng-show 包装要隐藏/显示的元素

很像..

 <div ng-show="mycheckbox==true">
</div>

这样,当单击复选框时,它将自动显示 div 内的元素,当取消选中时,它将隐藏它们。

关于javascript - AngularJS 输入检查/取消检查有 2 个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26786134/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com