Javascript AngularJS输入检查/取消检查,具有2个功能
我有一个复选框 检查->调用Javascript AngularJS输入检查/取消检查,具有2个功能,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个复选框 检查->调用displayStuff() 取消选中->调用hideStuff() 我试过类似的方法,但不起作用: <input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" data-ng-change="myCheckbox ? displayStuff() : hideStuff()" /> 谢谢你的帮助 你可以试试这样的东西。调用函数并确定“mycheckbo
displayStuff()代码>
取消选中->调用hideStuff()代码>
我试过类似的方法,但不起作用:
<input type="checkbox" id="mycheckbox" name="mycheckbox" ng-model="mycheckbox" data-ng-change="myCheckbox ? displayStuff() : hideStuff()" />
谢谢你的帮助 你可以试试这样的东西。调用函数并确定“mycheckbox”的值
函数ctrl($scope){
函数displayStuff(){
警报(“显示”);
}
函数hideStuff(){
警惕(“隐藏东西”);
}
$scope.checkClick=function(){
if($scope.mycheckbox==false)
hideStuff();
其他的
displayStuff();
}
}
您可以试试这样的方法。调用函数并确定“mycheckbox”的值
函数ctrl($scope){
函数displayStuff(){
警报(“显示”);
}
函数hideStuff(){
警惕(“隐藏东西”);
}
$scope.checkClick=function(){
if($scope.mycheckbox==false)
hideStuff();
其他的
displayStuff();
}
}
您只是在ng model=“myCheckbox”中有一个输入错误
angular.module('myApp',[]).controller('myCtrl',function($scope){
$scope.displayStuff=函数(){
$scope.text='displayStuff';
};
$scope.hideStuff=函数(){
$scope.text='hideStuff';
};
});代码>
{{text}}
您只是在ng model=“myCheckbox”中有一个输入错误
angular.module('myApp',[]).controller('myCtrl',function($scope){
$scope.displayStuff=函数(){
$scope.text='displayStuff';
};
$scope.hideStuff=函数(){
$scope.text='hideStuff';
};
});代码>
{{text}}
您还可以使用切换功能,将模型值作为输入
var myApp=angular.module('myApp',[]);
myApp.controller('stuffCtrl',函数($scope){
$scope.data=“显示内容”;
$scope.toggle=函数(条件){
如果(条件){
//做事
$scope.data=“显示内容”;
}
else$scope.data=“东西是隐藏的”;
//做事
}
});代码>
你好,安格尔
展示物品
{{data}}
您还可以使用切换功能,将模型值作为输入
var myApp=angular.module('myApp',[]);
myApp.controller('stuffCtrl',函数($scope){
$scope.data=“显示内容”;
$scope.toggle=函数(条件){
如果(条件){
//做事
$scope.data=“显示内容”;
}
else$scope.data=“东西是隐藏的”;
//做事
}
});代码>
你好,安格尔
展示物品
{{data}}
试试这个:参见
试试这个:参见
HTML:
HTML:
<input type="checkbox" id="mycheckbox2" name="mycheckbox1" ng-true-value="YES" ng-false-value="NO" ng-model="mycheckbox" ng-change="mycheckbox=='YES' ? displayStuff() : hideStuff()" />
<input type="checkbox" ng-change="checked()" ng-model="mycheckbox" />
$scope.checked = function () {
if ($scope.mycheckbox)
$scope.hideStuff();
else
$scope.displayStuff();
}
$scope.displayStuff=function(){
alert("d");
$scope.mycheckbox=true;
}
$scope.hideStuff= function() {
alert("h");
$scope.mycheckbox=false;
}