簡體   English   中英

單選按鈕無法選擇

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM