[英]Radio button not able to select
我的Script.js
文件有以下代碼
$scope.typeValue = ["120","123"];
我的 HTML 有以下代碼
<div class="radio">
<label>
<!-- ng-change="RadioChange('type')"-->
<input type="radio" name="type0" ng-value="true"/> {{typeValue[0]}}
</label>
<label>
<input type="radio" name="type1" ng-value="false"/> {{typeValue[1]}}
</label>
</div>
我無法選擇頁面上的單選按鈕
我在本地運行了這段代碼,並觀察到單選按鈕選擇正確,但一旦選擇就無法取消選擇,而且兩者都可以選擇。
假設您的要求是一次只選擇一個。 如果這是要實現的場景,那么要做的方法是為兩個無線電輸入選擇相同的名稱:
<div class="radio">
<label>
<!-- ng-change="RadioChange('type')"-->
<input type="radio" name="type" ng-value="true"/> {{typeValue[0]}}
</label>
<label>
<input type="radio" name="type" ng-value="false"/> {{typeValue[1]}}
</label>
</div>
如果我的假設是錯誤的,請盡可能以示例正確闡述您的問題!
最后希望,這是你的要求。 試試這個代碼......讓我知道!
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<div class="radio">
<label>
<!-- ng-change="RadioChange('type')"-->
<input type="radio" name="type0" ng-value="true"/> {{typeValue[0]}}
</label>
<label>
<input type="radio" name="type0" ng-value="false"/> {{typeValue[1]}}
</label>
</div>
</div>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl", function($scope) {
$scope.typeValue = ["120","123"];
});
</script>
</body>
</html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.