我正在進行測驗。但是,重置按鈕在我的測驗中不起作用。有人可以幫我嗎?重置單選按鈕在AngularJS中不起作用
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>Q1: What is capital of England? </p>
<ul>
\t <li><input type="radio" name="q1" value="1" ng-model="quiz.one"> London</li>
\t <li><input type="radio" name="q1" value="2" ng-model="quiz.one"> Brisbane</li>
</ul>
<p>Q2: What is capital of Austrailia? </p>
<ul>
\t <li><input type="radio" name="q2" value="1" ng-model="quiz.two"> Canberra</li>
\t <li><input type="radio" name="q2" value="2" ng-model="quiz.two"> Sydney</li>
</ul>
<button ng-click="show()">Click Me</button>
<button ng-click="reset()">Reset</button>
<script>
//module declaration
var app = angular.module('myApp',[]);
//controller
app.controller('myCtrl',function($scope){
$scope.quiz = {one:"", two:""};
$scope.show = function(){
\t alert("Done");
}
$scope.reset = function(){
\t angular.forEach($scope.quiz,function(val, key){
\t \t val = "";
\t \t val.checked = false;
\t });
}
});
</script>
</body>
</html>
$ scope.quiz [key] =「」; ,請參閱下面的評論 –