Javascript 如何在angularJs中同时绑定单选按钮和复选框？_Javascript_Html_Angularjs

Javascript 如何在angularJs中同时绑定单选按钮和复选框？

javascript html angularjs

Javascript 如何在angularJs中同时绑定单选按钮和复选框？,javascript,html,angularjs,Javascript,Html,Angularjs,我试过了，如果我选中复选框，单选按钮也会被选中。当我选中复选框时，一切都很顺利但是，如果我选择单选按钮，绑定过程不会发生。i、 e，如果单击单选按钮，则必须选中该复选框我不知道怎么做随函附上代码 <!DOCTYPE html> <html lang="en-US"> <head> <title>Learn It HTML Template</title> <script src="https://ajax.googleapi

我试过了，如果我选中复选框，单选按钮也会被选中。当我选中复选框时，一切都很顺利

但是，如果我选择单选按钮，绑定过程不会发生。i、 e，如果单击单选按钮，则必须选中该复选框

我不知道怎么做

随函附上代码

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Learn It HTML Template</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
</head>
<body ng-app="sampleApp">
<div ng-controller="sampleController">
Are you going for party tonight: <input type="checkbox" ng-checked="checked" ng-model="checked">  
<br/> <br/>
You should go, Complete this example and rest examples you can learn tomorrow :), So click on the check box above: 
<br/> <br/>
<input id="checkSlave" type="radio" ng-checked="checked">Yeah :)

</div>
<script>
var app = angular.module("sampleApp", []);
app.controller('sampleController', ['$scope', function ($scope) {
$scope.checked= 0;
}]);
</script>
</body>
</html>


学习HTML模板
你今晚要去参加聚会吗



你应该去，完成这个例子，剩下的例子你明天可以学习：），所以点击上面的复选框：



是的：）
var-app=angular.module（“sampleApp”，[]）；
app.controller（'sampleController'，['$scope'，function$scope）{
$scope.checked=0；
}]);

有人能帮忙吗？

试试这个


var-app=angular.module（“sampleApp”，[]）；
app.controller（'sampleController'，['$scope'，function$scope）{
}]);		
你今晚要去参加聚会吗



你应该去，完成这个例子，剩下的例子你明天可以学习：），所以点击上面的复选框：



是的：）

试试这个


var-app=angular.module（“sampleApp”，[]）；
app.controller（'sampleController'，['$scope'，function$scope）{
}]);		
你今晚要去参加聚会吗



你应该去，完成这个例子，剩下的例子你明天可以学习：），所以点击上面的复选框：



是的：）

此处未指定双向绑定指令，即单选按钮的ng型号

<input id="checkSlave" type="radio" ng-checked="checked" ng-model="checked">Yeah :)

耶：）

此处未指定双向绑定指令，即单选按钮的ng型号

<input id="checkSlave" type="radio" ng-checked="checked" ng-model="checked">Yeah :)

耶：）

你可以做这样的事情，它肯定会奏效


学习HTML模板
你今晚要去参加聚会吗



你应该去，完成这个例子，剩下的例子你明天可以学习：），所以点击上面的复选框：



是的：）
var-app=angular.module（“sampleApp”，[]）；
app.controller（'sampleController'，['$scope'，function$scope）{
$scope.checked=false；
$scope.slave=false；
}]);

你可以做这样的事情，它肯定会奏效


学习HTML模板
你今晚要去参加聚会吗



你应该去，完成这个例子，剩下的例子你明天可以学习：），所以点击上面的复选框：



是的：）
var-app=angular.module（“sampleApp”，[]）；
app.controller（'sampleController'，['$scope'，function$scope）{
$scope.checked=false；
$scope.slave=false；
}]);

试试这个，效果很好

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Learn It HTML Template</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
</head>
<body ng-app="sampleApp">
<div ng-controller="sampleController">
Are you going for party tonight: <input type="checkbox" ng-checked="checked" ng-click="toggleSwitch()">  
<br/> <br/>
You should go, Complete this example and rest examples you can learn tomorrow :), So click on the check box above: 
<br/> <br/>
<input id="checkSlave"  type="radio" ng-checked="checked" ng-click="toggleSwitch()">Yeah :)

</div>
<script>
var app = angular.module("sampleApp", []);
app.controller('sampleController', ['$scope', function ($scope) {
$scope.checked= false;

$scope.toggleSwitch=function(){
$scope.checked= !$scope.checked;
}
}]);
</script>
</body>
</html>
</html>


学习HTML模板
你今晚要去参加聚会吗



你应该去，完成这个例子，剩下的例子你明天可以学习：），所以点击上面的复选框：



是的：）
var-app=angular.module（“sampleApp”，[]）；
app.controller（'sampleController'，['$scope'，function$scope）{
$scope.checked=false；
$scope.toggleSwitch=function（）{
$scope.checked=！$scope.checked；
}
}]);

试试这个，效果很好

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Learn It HTML Template</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
</head>
<body ng-app="sampleApp">
<div ng-controller="sampleController">
Are you going for party tonight: <input type="checkbox" ng-checked="checked" ng-click="toggleSwitch()">  
<br/> <br/>
You should go, Complete this example and rest examples you can learn tomorrow :), So click on the check box above: 
<br/> <br/>
<input id="checkSlave"  type="radio" ng-checked="checked" ng-click="toggleSwitch()">Yeah :)

</div>
<script>
var app = angular.module("sampleApp", []);
app.controller('sampleController', ['$scope', function ($scope) {
$scope.checked= false;

$scope.toggleSwitch=function(){
$scope.checked= !$scope.checked;
}
}]);
</script>
</body>
</html>
</html>


学习HTML模板
你今晚要去参加聚会吗



你应该去，完成这个例子，剩下的例子你明天可以学习：），所以点击上面的复选框：



是的：）
var-app=angular.module（“sampleApp”，[]）；
app.controller（'sampleController'，['$scope'，function$scope）{
$scope.checked=false；
$scope.toggleSwitch=function（）{
$scope.checked=！$scope.checked；
}
}]);

它不工作。。现在，如果我取消选中复选框，单选按钮将保持选中状态@priyaThis是这种情况下更好的方法！应接受其工作原理。。如果我有更多的单选按钮，它就不能正常工作。。你能帮我吗？i、你能通过3个单选按钮吗@priyaI需要在单个复选框@priya_singhIts不工作的情况下执行此操作。。现在，如果我取消选中复选框，单选按钮将保持选中状态@priyaThis是这种情况下更好的方法！应接受其工作原理。。如果我有更多的单选按钮，它就不能正常工作。。你能帮我吗？i、你能通过3个单选按钮吗@priyaI需要使用单个复选框@priya_singh来完成此操作